Listloading.js移动端上拉下拉刷新组件

<script src="../src/jslib/zepto.min.js"></script><script src="../src/jslib/iscroll.js"></script><script src="../build/listloading.js"></script>

var m = 3, n = 0;// 创建iscroll之前必须要先设置父元素的高度，否则无法拖动iscroll$('#listloading').height($(window).height());// 模板或者ajax请求方法var createHtml = function(){var __html = '';for(var i = 0; i < 15; i++){var now = new Date().getTime();now = new Date(now + i*1000000);__html += '<li><span class="icon"></span><p class="title"><time class="r">' + now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds() + '</time>listloading' + (n++) + '</p><p class="text">移动端上拉下拉刷新组件...</li>';}return __html;}// 选择器必须是ID 因为要用到发布订阅做标识var listloading = $('#listloading').listloading({disableTime: true, // 是否需要显示时间pullUpAction : function(cb){ //上拉加载更多m--;var flg = false;var __html = createHtml();if(m < 1){flg = true;}else{$('#order-list').append(__html);}// 数据加载完毕需要返回 end为true则为全部数据加载完毕cb(flg);},pullDownAction : function(cb){ //下拉刷新m = 3;n = 0;var __html = createHtml();$('#order-list').html(__html);// 执行完执行方法之后必须执行回调 回调的作用是通知默认加载已经全部执行完毕，程序需要去创建iscrollcb();},// iscroll的API iscrollOptions: {//}});// 点击事件 因为iscroll阻止了冒泡，它也建议自己写点击方法，如果开启preventDefault为false这行就是解决onclick失效问题， 但是开启这个值在微信下面拖动会有问题 滑动结束之后触发不到scrollend，所以我自己内嵌了一个事件方法listloading.evt('li', 'click', function (dom) {// dom.remove();// $('#order-list').append(createHtml());// listloading.refresh();});

options.pullDownAction = function(cb){ //下拉刷新.....// 执行完执行方法之后必须执行回调cb();}

options.pullUpAction = function(cb){ //下拉刷新.....// 执行完执行方法之后必须执行回调 true为下拉到底cb(true);}