mui.init({
pullRefresh : {
container:"#refreshContainer",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:false,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'上拉显示更多',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback :pullup//必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
// down : {
// style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
// color:'#00b496', //可选,默认“#2BD009” 下拉刷新控件颜色
// height:'50px',//可选,默认50px.下拉刷新控件的高度,
// range:'100px', //可选 默认100px,控件可下拉拖拽的范围
// offset:'81px', //可选 默认0px,下拉刷新控件的起始位置
// auto:false,//可选,默认false.首次加载自动上拉刷新一次
// callback :function(){
// page = 1;
// console.log(brand_id);
// console.log(category_id);
// if(type == 1){
// axios.get('goods/lists',{
// params:{
// category_id:category_id,
// page:page
// }
// }).then(function(response){
// console.log(2);
// var data = response.data;
// totalpage = data.goods.last_page;
// addLists(data);
// })
// }else{
// axios.get('goods/lists',{
// params:{
// brand_id:brand_id,
// page:page
// }
// }).then(function(response){
// console.log(1);
// var data = response.data;
// totalpage = data.goods.last_page;
// addLists(data);
// })
// }
// mui('#refreshContainer').pullRefresh().endPulldown();
// } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
// }
}
});
function pullup(){
var nb = this;
console.log(1);
if(page==totalpage){//总页码等于当前页码,停止上拉下拉
nb.pullRefresh().endPullupToRefresh(true);
return;
}else{
page++;
setTimeout(function(){
//
// nb.endPullupToRefresh(true);
//
console.log(page>totalpage);
if(type == 1){
axios.get('goods/lists',{
params:{
category_id:category_id,
brand_id:brands_id,
page:page,
type:type,
sort:sort,
total_stock:total_stock,
max:max,
min:min
}
}).then(function(response){
var info = response.data;
totalpage = info.goods.last_page;
addLists2(info);
})
}else{
axios.get('goods/lists',{
params:{
category_id:category_id,
brand_id:brands_id,
page:page,
type:type,
sort:sort,
total_stock:total_stock,
max:max,
min:min
}
}).then(function(response){
var info = response.data;
totalpage = info.goods.last_page;
addLists2(info);
})
}
nb.endPullupToRefresh(false);
// if(page == totalpage){
// $('#goods_list').next().children()[0].children()[1].innerHTML = "我也是有底线的"
// }
// mui('#refreshContainer').PullRefresh().endPullupToRefresh(false);
// mui('#refreshContainer').pullRefresh().refresh(true);
// }
},1500);
}
}
```上拉屏幕一次激活回掉函数,end(false)后重复执行回调函数,直到数据加载完毕没有更多数据end(false)来个大神解决下,我已经困扰很久了
4***@qq.com
- 发布:2018-08-09 13:31
- 更新:2018-08-09 13:31
- 阅读:1253
0 个回复