移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)

2016年08月29日 | 3130

使用方法

引用css和js


$('.element').dropload({
    scrollArea : window,
    loadDownFn : function(me){
        $.ajax({
            type: 'GET',
            url: 'xjinshop.php',
            dataType: 'json',
            success: function(data){
                alert(data);                // 代码执行后必须重置
                me.resetload();
            },
            error: function(xhr, type){
                alert('错误!');
                me.resetload();
            }
        });
    }
});


参数说明默认值可填值
scrollArea滑动区域绑定元素自身window
domUp上方DOM{
domClass : ‘dropload-up’,
domRefresh : ‘
↓下拉刷新
’,
domUpdate : ‘
↑释放更新
’,
domLoad : ‘
○加载中…

}
数组
domDown下方DOM{
domClass : ‘dropload-down’,
domRefresh : ‘
↑上拉加载更多
’,
domUpdate : ‘
↓释放加载
’,
domLoad : ‘
○加载中…

}
数组
distance拉动距离50数字
loadUpFn上方functionfunction(me){
//你的代码
me.resetload();
}
loadDownFn下方functionfunction(me){
//你的代码
me.resetload();
}

API

暴露一些功能,可以让dropload更灵活的使用

lock() 锁定dropload

unlock() 解锁dropload