《jQuery WEUI》 下拉刷新

題目：

不扯其他的直接擼一串代碼，和一些效果圖，反正我看別人代碼前想先看效果圖，省的擼到一般發現不能用。哈哈哈！！！！

思路：

思路嗎？咳咳，其實就是照着官網擼，總覺得自己擼出來的就是學會了，官網鏈接http://jqweui.com/extends

代碼：

1：模板

<div class=" weui-pull-to-refresh" id="DataListPush">
    <div class="weui-pull-to-refresh__layer" style="margin-top:-50px">
        <div class='weui-pull-to-refresh__arrow'></div>
        <div class='weui-pull-to-refresh__preloader'></div>
        <div class="down">下拉刷新</div>
        <div class="up">釋放刷新</div>
        <div class="refresh">正在刷新</div>
      </div>
    <div id="DataList">存儲要待刷新的數據</div>
</div>

2：事件處理

var loading = true;//防止下拉刷新事件多次被出發
$("#DataListPush").pullToRefresh().on("pull-to-refresh", function() {
    if (!loading){
        return;
    }else{
        loading = false;
    }
    setTimeout(function () {
        $("#DataList").html("");//也可以不放在這裏
        getDataListList();// 加載數據的方法
        $("#DataListPush").pullToRefreshDone(); // 重置下拉刷新
        loading = true;
    }, 1500);   //模擬延遲
});

3：效果

4：描述

順便扯一句啊，我也是一個小白，只希望自己能把簡單的做好再去學習新的高深的東西，也希望這個對你有所幫助，謝謝。