基于jquery的loadmore插件,支持移动设备

原创
2020/09/05 17:27
阅读数 436

插件下载

isszz/jquery.loadmore.js

用法

var urlData = {},
	listUrl = 'api/list';
	
// add url data
urlData.cid = 1;
$('#J_list').loadmore(function(more, page) {
	urlData.page = page;
	// 获取数据
	$.getJSON(listUrl, urlData).done(function(res) {
		// res = {errno: 0, message: 'more|none', data: { count:10, list: [{}, {}, {}, ...] }};
		if(res.errno == 0) {
			if (res.data.count > 0) {
				more.render(template('J_list_template', res.data), function(wrap, type) {
					// ...
				});
				if (res.message == 'more') {
					more.more();
				} else {
					more.end(!0);
				}
			} else {
				more.notData();
			}
		} else {
			alert(res.message);
		}
		more.end();
	});
}, {notTxt: '暂无XX});

重置

$('#J_list').data('loadmore').reset();

带callback方式重置

$('#J_list').data('loadmore').reset(function() {
	$.getJSON();//...
});

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
0
分享
返回顶部
顶部