Mui 选项卡切换,重置上拉加载的无法获取对象

在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);

你可能感兴趣的:(Mui 选项卡切换,重置上拉加载的无法获取对象)