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

下       载   dropload.min.js, dropload.css        

下载地址   https://github.com/ximan/dropload

页面引入

 

页面JS代码

// 页数

   var page =0；     

   // dropload

   $('#allo').dropload({

       scrollArea : window,

       autoLoad:true,

       threshold:1000,

       loadDownFn : function(me){    //下拉加载  git上面有其他属性可以根据自己需求设置

           //每次请求一页数据 如果一页数据不够 会请求下一页 

           page++;

           // 拼接HTML

           var result = '';

           $.ajax({

              type:"GET",url:"请求地址"+page,

              datatype:'json',

              success: function(data){

                    var da=eval("("+data+")");

                    var arrLen = da.length;

                   //如果有数据执行

                   if(arrLen > 0){

                    //（创建DOM）

                   // 如果没有数据

                   }else {

                       // 锁定

                       me.lock();

                       // 无数据

                       me.noData();

                   }

                   // 为了测试，延迟1秒加载

                   setTimeout(function(){

                        //(插入数据)

                       // 每次数据插入，必须重置

                       me.resetload();

                   },100);

               },

               error: function(xhr, type){

                   alert('Ajax error!');

                   // 即使加载出错，也得重置

                   me.resetload();

               }

           });

       }

});

---