下拉加载
//下拉加载
var scrollFlag = true;
$(window).scroll(function(e) {
//判断是否继续加载页面还是显示 “加载更多商品”
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
var len = $('.goods-list .goods-item').length;
var total_num = $('#not').val();
if ((scrollTop >= $(document).height() - $(window).height()) && scrollFlag) {
if (len >= total_num && len != 0) {
layer.msg('没有更多数据');
//$('.goods-list').append('<p class="closeBtn">人家是有底线的...</p>');
scrollFlag = false;
} else {
scrollFlag = false;
doSomething(len);
}
}
});
function doSomething(pageno) {
var url = "index.php?m=Index&a=pageList";
var data = {
start: pageno,
label_id: $('#label_id').val(),
};
$.getJSON(url, data, function(rtn) {
var html = "";
for (i in rtn) {
html += '<a class="goods-item" href="' + rtn[i].link + '">' +
'<img class="goods-img" src="' + rtn[i].goods_img + '" alt="">' +
'<div class="goods-name">' + rtn[i].goods_name + '</div><div class="goods-intro">' +
'<div class="price">' + rtn[i].price + '</div><div class="sale">已售' + rtn[i].sales + '件</div>' +
'</div></a>';
}
$('.goods-list').append(html);
scrollFlag = true;
});
}
免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。