轉自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 新增評論