移动端上拉加载ajax,移动端下拉刷新、上拉加载插件dropload.js

前端开发和测试那个入门容易

文档说明

需要引入的文件

滑动区域

scrollArea: window,

定义上方样式

domUp: {

domClass: "dropload-up",

domRefresh: '

↓下拉刷新

',

domUpdate: '

↑释放更新

',

domLoad: '

刷新中...

'

定义下方样式

domDown: {

domClass: "dropload-down",

domRefresh: '

↑上拉加载更多

',

domLoad: '

加载中...

',

domNoData: '

暂无数据

'

},

是否自动加载

触发dropload的最小滑动距离

distance: 50,

提前加载距离

threshold: "",

下拉刷新方法

loadUpFn: function(me){

window.reload();

重置dropload

me.resetload();

},

上滑加载更多方法

loadDownFn: function(me){

请求加载数据

$.ajax({

当数据全部请求完时锁定dropload

lock(up/down);//up锁定下拉操作 down锁定上滑操作 不填全部锁定

noData(true/false);//没有更多数据

});

重置dropload

me.resetload();

}

});

页面代码

${commentnum+likenum}人参与

${time}

${title}

$${content}