简介

移动端下拉刷新、上拉加载更多插件 

使用

1   引入 dropload.css 、 jquery.js(1.7以上) dropload.js 文件

2.  简单示例

**基本代码结构**
//#content为某个div的id  
var dropload = $('#content').dropload({   
//scrollArea很关键，要不然加载更多不起作用  
scrollArea : window,  
domUp : {  
    domClass   : 'dropload-up',  
    domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>',  
    domUpdate  : '<div class="dropload-update">↑释放更新</div>',  
    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'  
},  
domDown : {  
    domClass   : 'dropload-down',  
    domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',  
    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',  
    domNoData  : '<div class="dropload-noData">暂无数据</div>'  
   },  
loadUpFn : function(me){  
        //下拉刷新需要调用的函数  
        alert("下拉刷新需要调用的函数");  
        //重置下拉刷新  
        me.resetload();      
},  
loadDownFn : function(me){  
        //上拉加载更多需要调用的函数  
        alert("上拉加载更多需要调用的函数");  
        //定时器函数,为了看出上拉加载更多效果  
            setTimeout(function(){  
                // 每次数据加载完，必须重置  
                    me.resetload();  
                },1000);  
           }  
});  

相关链接

github 地址 ：https://github.com/ximan/dropload