在安卓端没有问题,但是在IOS下的问题是:即使我的的列表没有处于最顶部,只要向下拉 就会触发下拉刷新动作
mui.init({
pullRefresh: {
container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
up: {
callback: function() {
var self = this;
setTimeout(function() {
// var ul = self.element.querySelector('#table-view-2');
// ul.appendChild(createFragment(ul, index, 5));
mui('#refreshContainer').pullRefresh().endPullupToRefresh(false);
}, 1000);
}
}
}
});
var _self;
if(window.plus) {
plusReady();
} else {
document.addEventListener("plusready", function() {
plusReady();
}, false);
}
function plusReady() {
_self = plus.webview.currentWebview();
// 隐藏滚动条
_self.setPullToRefresh({
support: true,
height: '50px',
range: '100px',
style: 'circle',
offset: '1px'
}, pulldownRefresh);
plus.key.addEventListener("backbutton", function() {
_self.close("auto");
}, false);
var slider = mui("#slider");
slider.slider({
interval: 5000
});
}
function addData() {
setTimeout(function() {
mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
}, 1000);
}
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
addData();
_self.endPullToRefresh();
}, 1500);
}
1 个回复
1***@qq.com (作者)
貌似这个下拉刷新和上拉加载在mui中是两种方式实现的,而DEMO中的pullrefresh_with_tab.html的下拉刷新虽然样式是也是圆圈的,但是跟我上面的实现方式不一样,我认为还是原生的下拉刷新效率比较高。