人人商城前端数据触底加载infinite的问题
人人商城前端数据可使用 infinite 触底加载,但是在某些情况下,数据会无限重复的加载。
前端 infinite 代码示例
modal.getList = function(cateid) {
core.json('sale/coupon/merch/get_merch_list', {
page: modal.page,
cateid: cateid
},
function(ret) {
console.log('get_merch_list', ret);
$('.infinite-loading').hide();
var result = ret.result;
if (result.total <= 0) {
$('.content-empty').show();
$('.fui-content').infinite('stop')
} else {
$('.content-empty').hide();
$('.fui-content').infinite('init');
if (result.merch_list.length <= 0 || result.merch_list.length < result.pagesize) {
$('.fui-content').infinite('stop')
}
}
FoxUI.loader.hide();
core.tpl('#container', 'tpl_coupon_merch_list', result, modal.page > 1);
if ($('.coupon-item').length < result.total) {
modal.page++
}
})
};