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

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

操作方法

  • 01

    下       载   dropload.min.js, dropload.css 下载地址   https://github.com/ximan/dropload

  • 02

    页面引入 <script src="../js/Zepto 或者 jQuery 1.7以上版本"></script> <link rel="stylesheet" href="../css/dropload.css"> <script src="../js/dropload.min.js"></script>

  • 03

    页面JS代码 <script type="text/javascript"> // 页数 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(); } }); } }); </script>

赞 (0)

相关推荐