转自http://ask.dcloud.net.cn/question/1247
动态禁止和恢复上下拉刷新
留着做个demo
需要暂时禁止和恢复上下拉刷新，我的初始化代码如下：
mui.init({
styles: {
top: ‘42px’, //子页面顶部位置
bottom: ‘42px’, //子页面底部位置
},
pullRefresh: {
container: ‘#pullrefresh’, //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
up: {
contentrefresh: “正在加载…”, //可选，正在加载状态时，上拉加载控件上显示的标题内容
callback: pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
},
down: {
contentdown: “下拉可以刷新”, //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
contentover: “释放立即刷新”, //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
contentrefresh: “正在刷新…”, //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
callback: pulldownRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
}
}
});
当我更改pullRefresh中的container为空(”)的时候，上下拉可以不起作用，但我需要在运行时临时禁止和使能上下拉，试过如下的方法均不起作用：
1.
document.addEventListener(‘touchstart’, function(e) {
console.log(‘touch start’);
mui.options.pullRefresh.container = ”;
mui.fn.pullRefresh(mui.options.pullRefresh);
console.log(mui.options.pullRefresh.container);
});
2.
修改DOM中对应DIV的id强制使mui.options.pullRefresh.container不一致也不行
请问如何实现这个功能？
谢谢！
2014-11-21 10:32 添加评论 分享
6 个回复
1
DCloud_MUI_FXY
赞同来自: musiclee
下个版本开放此功能的API.
届时可以调用setStopped接口来实现
mui(‘#pullrefresh’).pullRefresh().setStopped(true);//暂时禁止滚动
mui(‘#pullrefresh’).pullRefresh().setStopped(false);//开启禁止滚动
2014-11-21 22:11 3 条评论
0
musiclee
请问这个功能的API什么时候能出来，等得着急哦
2014-11-27 23:01 添加评论
0
musiclee
目前有没有一个临时的解决方案呢？
2014-11-27 23:05 添加评论
0
DCloud_MUI_FXY
预计本周发布的版本应该就包含此功能了
2014-11-27 23:37 1 条评论
0
musiclee
求发布。。。一直等着本周的新版本支持 pullRefresh().setStopped 啊。。。
2014-11-30 23:47 添加评论
0
HGDQ
《HTML5 WebApp开发(二)表格上拉加载更多下拉刷新》
2016-05-24 22:17 添加评论