webapp 下拉刷新 + 加载更多
webapp 下拉刷新
HTML
<body>
<!--以下内容均为非必要,可自定义-->
<div class="pull-refresh"></div>
<ul id="content">
...
</ul>
<div class="pull-loadmore"></div>
</body>
###pull-refresh
add HTML
<div class="pull-refresh"></div>
add JavaScript
//添加下拉刷新功能 仅需定义该函数
var opt = {
onReFresh:function (handle) {
setTimeout(function () {//ajax
handle.finish();
}, 500);
}
};
pullbox(opt)
pull-loadmore
add HTML
<div class="pull-loadmore"></div>
add Javascript
//添加加载更多功能 仅需定义该函数
var opt = {
onLoadMore:function (handle) {
setTimeout(function () {//ajax
handle.finish();
}, 500);
}
};
pullbox(opt)
option
{
'boxSelector': 'body', // selector like '#demo' '.demo'
'reFreshDistance': 60,
'loadMoreDistance': 100
'onPull': null,
'onReFresh': null,//添加下拉刷新功能 仅需定义该函数
'onLoadMore': null//添加加载更多功能 仅需定义该函数
}
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
