郭磊
郭磊
  • 发布:2018-05-21 17:09
  • 更新:2018-05-21 17:09
  • 阅读:1408

关于5+ android 点击选项卡切换不能下拉刷新的解决

分类:HTML5+

在一次项目中 使用了选项卡切换刷新子页面的功能。但是在ios上正常 android上不能正常的切换。后观察mui.js源码找到解决方案和大家分享一下。
不多说直接上代码:
使用mui的js时请尽量使用mui.js 而不是使用mui.min.js
找到mui.js中的第5308行代码 即注释 * pullRefresh 5+ 下的beginPulldown方法 如图:
beginPulldown: function() {
var self = this;
$.plusReady(function() {
//这里延时的目的是为了保证下拉刷新组件初始化完成,后续应该做成有状态的
setTimeout(function() {
if (self.options.down.style == "circle") { //单webview下拉刷新
plus.webview.currentWebview().beginPullToRefresh();
} else { //双webview模式
var webview = self.options.webview;
//此处为修改后的代码,具体原因推测为android模式下点击选项卡时子webview找不到 所以再找不到的情况下重新获取子webview对象 希望对大家有所帮助
if(webview==undefined || webview==null){
var webview = plus.webview.getWebviewById(self.options.webviewId);
}
if (webview) {
webview.setBounce({
offset: {
top: self.options.down.height + "px"
}
});
}
}
}, 15);
}.bind(this));
},

0 关注 分享

要回复文章请先登录注册