Roko
Roko
  • 发布:2016-08-18 14:31
  • 更新:2020-03-31 10:19
  • 阅读:12391

mui主动触发上拉下拉加载

分类:MUI

mui.init({
pullRefresh : {
container:refreshContainer,//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
up : {
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback :pullfresh-function ,
auto:true//页面加载完就加载一次
}
}
});

主动下拉加载
mui('#pullrefresh').pullRefresh().pulldownLoading();
主动上拉加载
mui('#pullrefresh').pullRefresh().pullupLoading();

1 关注 分享
skysowe

要回复文章请先登录注册

skysowe

skysowe

帮了我大忙了,终于搞定了,,因为要做一个很大的查询,提前先要获取总记录条数,然后开始上拉刷新,,如果直接用auto : true的条件,会导致只上拉了一次就不能刷新了,,改为在获取到全部记录条数之后,再主动上拉刷新一次,就解决了这个问题。。要么就干脆失败,不会出现首次成功的问题
2020-03-31 10:19
1***@qq.com

1***@qq.com

回复 Native_O :
注意 他的是pullToRefresh 你的是pullRefresh 少了一个to
2018-08-14 10:08
1***@qq.com

1***@qq.com

回复 8***@qq.com :
注意 他的是pullToRefresh 你的是pullRefresh 少了一个to
2018-08-14 10:07
1***@qq.com

1***@qq.com

container:refreshContainer,这个位置可不可以定义多个?
2018-03-30 16:13
2***@qq.com

2***@qq.com

回复 Native_O :
我开始也是这样,注意区分大小写,我的.pullupLoading()中的up需要大写,down也同理,
var scroll=document.querySelector('.mui-scroll')
mui(scroll).pullToRefresh().pullDownLoading();//模拟触发下拉
2017-10-30 16:06
2***@qq.com

2***@qq.com

回复 8***@qq.com :
我开始也是这样,注意区分大小写,我的.pullupLoading()中的up需要大写,down也同理,
var scroll=document.querySelector('.mui-scroll')
mui(scroll).pullToRefresh().pullDownLoading();//模拟触发下拉
2017-10-30 16:05
8***@qq.com

8***@qq.com

我始终报错 说pullupLoading不是一个方法
2017-10-30 15:32
Native_O

Native_O

我的上拉加载这一句mui('#pullrefresh').pullRefresh().pullupLoading();
报错---mui.min.js:7 Uncaught TypeError: Cannot read property 'classList' of undefined
2016-10-28 12:04