《jQuery WEUI》 下拉刷新

题目：

不扯其他的直接撸一串代码，和一些效果图，反正我看别人代码前想先看效果图，省的撸到一般发现不能用。哈哈哈！！！！

思路：

思路吗？咳咳，其实就是照着官网撸，总觉得自己撸出来的就是学会了，官网链接http://jqweui.com/extends

代码：

1：模板

    

        

        

        

下拉刷新

        

释放刷新

        

正在刷新

      

    

存储要待刷新的数据

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

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