mui.init({
swipeBack: false,
pullRefresh : [{
container:"#scroll1",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')
down: {
callback: function() {
mui(djScroll["pjList"]).pullRefresh().endPulldownToRefresh();
$("#pjListDIV").html("");
type="pjList";
loadData(0, "", "");
}
},
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:true,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback:function() {
setTimeout(function() {
// 加载更多的内容
type="pjList";
loadData(djType["pjList"] * iDisplayLength, "", "")
}, 500);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
},{
container:"#scroll2",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')
down: {
callback: function() {
mui(djScroll["pjList1"]).pullRefresh().endPulldownToRefresh();
$("#pjList1DIV").html("");
type="pjList1";
loadData(0, "0", "");
}
},
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:false,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback:function() {
setTimeout(function() {
// 加载更多的内容
type="pjList1";
loadData(djType["pjList1"] * iDisplayLength, "0", "");
}, 1000);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
},{
container:"#scroll3",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')
down: {
callback: function() {
mui(djScroll["pjList2"]).pullRefresh().endPulldownToRefresh();
$("#pjList2DIV").html("");
type="pjList2";
loadData(0, "1", "");
}
},
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:false,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback:function() {
setTimeout(function() {
// 加载更多的内容
type="pjList2";
loadData(djType["pjList2"] * iDisplayLength, "1", "");
}, 1500);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
},{
container:"#scroll4",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')
down: {
callback: function() {
mui(djScroll["pjList3"]).pullRefresh().endPulldownToRefresh();
$("#pjList3DIV").html("");
type="pjList3";
loadData(0, "2", "");
}
},
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:false,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback:function() {
setTimeout(function() {
// 加载更多的内容
type="pjList3";
loadData(djType["pjList3"] * iDisplayLength, "2", "");
}, 2000);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
},{
container:"#scroll5",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等$('.mui-scroll-wrapper')
down: {
callback: function() {
mui(djScroll["pjList4"]).pullRefresh().endPulldownToRefresh();
$("#pjList4DIV").html("");
type="pjList4";
loadData(0, "3", "");
}
},
up : {
auto:false,//可选,默认false.自动上拉加载一次
callback:function() {
setTimeout(function() {
// 加载更多的内容
type="pjList4";
loadData(djType["pjList4"] * iDisplayLength, "3", "");
}, 2500);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}]
});
FightingFive
- 发布:2017-12-21 15:31
- 更新:2018-01-22 14:55
- 阅读:1601
2 个回复
FightingFive (作者) - 励志成为大前端
最后一个tab显示的数据是倒数第二个的数据
1***@126.com
一个页面多个上下拉不能这样初始化,具体看mui官方pullrefresh_with_tab