《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：描述

顺便扯一句啊，我也是一个小白，只希望自己能把简单的做好再去学习新的高深的东西，也希望这个对你有所帮助，谢谢。