码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 超屏加载

时间:2014-08-14 10:24:28      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:blog   java   os   io   数据   ar   cti   div   

jQuery 超屏加载,当文档超出屏幕的高度时,加载最新下个列数据

$(window).scroll(function () {
    var height = $(document).height(); //页面的高度
    var keheight = $(window).height(); //浏览器可视的高度
    var sheight = $(document).scrollTop(); //滚动的高度
    var num = $(‘.pro_list a‘).length;
    if (height <= keheight + sheight) {
        $.post(‘/index.php/ajax-addlist.html‘, { type: ‘class‘, id: ‘102‘, num: num }, function (data) {
            if (data == ‘1‘) {
                $(‘.loading span‘).html(‘无更多数据...‘);
            } else {
                $(‘.pro_list‘).append(data);
            }
            //alert(data);
        });
    }

});

$(function () {
    var height = $(document).height(); //页面的高度
    var keheight = $(window).height(); //浏览器可视的高度

    if (keheight >= height) {
        $(‘.loading span‘).html(‘无更多数据...‘);
    }
});

  

jQuery 超屏加载,布布扣,bubuko.com

jQuery 超屏加载

标签:blog   java   os   io   数据   ar   cti   div   

原文地址:http://www.cnblogs.com/sntetwt/p/3911829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!