dropload插件的使用(上拉下滑加载数据)
2024-08-28 11:20:12
.导入
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();
}
});
}
});
});
最新文章
- LR破解版录制手机脚本(一)模拟器录制
- September 12th 2016 Week 38th Monday
- Objective-c——UI基础开发第十天(自动布局)
- MySQL 如何修改字符集 utf8 改为 utf8mb4
- spring 中事务的PROPAGATION_REQUIRED,Readonly的解释
- java去掉List中的重复值代码
- GetLastError来获得错误信息转成文本描述
- CocoaPods on Xcode 6 and Yosemite
- 【译】ASP.NET MVC 5 教程 - 9:添加新字段
- AutoLayout 之NSLayoutConstraint
- Ext秒表
- 同一个世界(erlang解题答案)
- C#实现数字字符串左补齐0的方法
- powerdesigner16.5 破解
- [转载]Buffer cache的调整与优化
- EF Code First导航属性一对一关系中注意点及配置方法
- HDU 1542 矩形面积并
- Julia - 分数
- webpack4的react打包错误
- [JSON].getObj( keyPath )