dropload插件的使用(上拉下滑加载数据)
2017-07-06 11:00
429 查看
.导入
js dropload.min.
js zepto.min.js <!-- jQuery1.7以上 或者 Zepto 二选一,不要同时都引用 -->
js dropload.min.
js zepto.min.js <!-- jQuery1.7以上 或者 Zepto 二选一,不要同时都引用 -->
$(function(){ // 页数 var page = 1; // 每页展示5个 var size = 5; // dropload $(".jf_rebate_busin").dropload({ scrollArea : window, loadDownFn : function(me){ page++; // 拼接HTML var result = ''; $.ajax({ type: 'post', data:{uid:"<?php echo $params['uid']?>",x:"<?php echo $params['x'] ?>",y:"<?php echo $params['y'] ?>",order:"<?php echo $params['order'] ?>",name:"<?php echo $params['name'] ?>",material_type:"<?php echo $params['material_type'] ?>",brand_id:"<?php echo $params['brand_id'] ?>", classify_id : "<?php echo $params['classify_id'] ?>",brand_id:"<?php echo $params['brand_id'] ?>",page:page}, url: '/Distributor/rebate_list_ajax', dataType: 'html', success: function(data){ if(data){ result = data; }else{ // 锁定 me.lock(); // 无数据 me.noData(); } /* var arrLen = data.length; if(arrLen > 0){ for(var i=0; i<arrLen; i++){ result += '<li class="bdr-bom clearfix"><a class="item opacity" href="'+data[i].link+'">' +'<img src="'+data[i].pic+'" alt="">' +'<p>'+data[i].title+'</p>' +'<span class="date">'+data[i].date+'</span>' +'</a></li>'; } // 如果没有数据 }else{ // 锁定 me.lock(); // 无数据 me.noData(); } */ // 延迟1秒加载 setTimeout(function(){ // 插入数据到页面,放到最后面 $('.rebate-list').append(result); // 每次数据插入,必须重置 me.resetload(); },100); }, error: function(xhr, type){ // alert('加载失败!'); // 即使加载出错,也得重置 me.resetload(); } }); } }); });
相关文章推荐
- dropload插件的使用(上拉下滑加载数据)
- js插件dropload上拉下滑加载数据实例解析
- JS 插件dropload下拉刷新、上拉加载使用小结
- dropload.js插件下拉刷新和上拉加载使用详解
- 移动端下拉刷新、上拉加载更多插件dropload的使用
- 下拉刷新,上拉加载插件dropload.js使用总结
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 延迟加载图片插件LazyLoad.js的使用方法
- Silverlight DataGrid使用WCF RIA Service实现Load-on-demand的数据加载
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- 【无限滚动加载数据】—infinite-scroll插件的使用
- JQuery缓冲加载图片插件lazyload.js的使用方法
- Silverlight DataGrid使用WCF Service实现Load-on-demand的数据加载
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 滚动加载|页面滑到底部加载数据|jquery.endless-scroll插件|使用demo
- Silverlight DataGrid使用WCF RIA Service实现Load-on-demand的数据加载
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- JQuery缓冲加载图片插件lazyload.js的使用方法