在MUI中 控制单个Div 的上拉加载是没有任何问题,但是官方Demo中给出选项卡切换 当业务有需求需要重置上拉刷新的时候,无法获取到对象
以下办法可以解决:
思路:在研究MUI控制一个div上拉刷新的时候,也试图去修改过mui.js文件 把它上拉加载支持可以控制多个,即数组对象的形式,但是最后失败了,原因为电脑上和手机端展示的形式可能不太一致,电脑可以,放到手机上就无法用。于是想到他多个选项卡去遍历的对象,可能是匿名的。
代码如下
$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
console.log(pullRefreshEl.classList[0]);
$(pullRefreshEl).pullToRefresh({
up: {
callback: function() {
i++;
var self = this;
console.log(self)
setTimeout(function() {
var ul = self.element.querySelector('.mui-table-view');
ul.appendChild(createFragment(ul, index, 2));
self.endPullUpToRefresh(i>2);
}, 1000);
}
}
});
});
激活的时候 用以下代码可以激活
选中的dom 对象与开始遍历对象的是一致的
var pullRefreshEl = document.querySelectorAll('.mui-slider-group .mui-scroll')[0];
mui(pullRefreshEl).pullToRefresh().refresh(true);