<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;
// 創(chuàng)建iscroll之前必須要先設(shè)置父元素的高度，否則無法拖動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 因為要用到發(fā)布訂閱做標(biāo)識
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);
}
// 數(shù)據(jù)加載完畢需要返回 end為true則為全部數(shù)據(jù)加載完畢
cb(flg);
},
pullDownAction : function(cb){ //下拉刷新
m = 3;
n = 0;
var __html = createHtml();
$('#order-list').html(__html);
// 執(zhí)行完執(zhí)行方法之后必須執(zhí)行回調(diào) 回調(diào)的作用是通知默認(rèn)加載已經(jīng)全部執(zhí)行完畢，程序需要去創(chuàng)建iscroll
cb();
},
// iscroll的API 
iscrollOptions: {
//
}
});
// 點擊事件 因為iscroll阻止了冒泡，它也建議自己寫點擊方法，如果開啟preventDefault為false這行就是解決onclick失效問題， 但是開啟這個值在微信下面拖動會有問題 滑動結(jié)束之后觸發(fā)不到scrollend，所以我自己內(nèi)嵌了一個事件方法
listloading.evt('li', 'click', function (dom) {
// dom.remove();
// $('#order-list').append(createHtml());
// listloading.refresh();
});

options.pullDownAction = function(cb){ //下拉刷新
.....
// 執(zhí)行完執(zhí)行方法之后必須執(zhí)行回調(diào)
cb();
}

options.pullUpAction = function(cb){ //下拉刷新
.....
// 執(zhí)行完執(zhí)行方法之后必須執(zhí)行回調(diào) true為下拉到底
cb(true);
}