详细问题描述
HBUILDX升级至2.1后webviewgroup多个TAB切换界面空白,返回历史版本又正常了。
使用的是华为PAD,使用的是html5+做的项目,引用了webviewGroup.js。
[内容]
HBUILDX升级至2.1后webviewgroup多个TAB切换界面
IDE运行环境说明
HBuilderX2.1
[Android版本号]
EMUI 4.0.3
[iOS版本号]
[手机型号]
JDN-AL00
附件为下载的webviewGroup.js源码,初始化webviewGroup代码如下:
var _self = plus.webview.currentWebview();
if(items.length > 0){
var group = new webviewGroup(_self.id, {
items:items,
onChange: function(obj) {
var c = document.querySelector(".mui-control-item.mui-active");
if(c) {
c.classList.remove("mui-active");
var wid = c.getAttribute("data-wid");
mui.fire( plus.webview.getWebviewById(wid), 'closeInterval');
}
var target = document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")");
target.classList.add("mui-active");
if(target.scrollIntoView) {
target.scrollIntoView();
}
}
});
mui(".mui-scroll").on("tap", ".mui-control-item", function(e) {
var fromView = group.getCurrentWebview();
var wid = this.getAttribute("data-wid");
if(fromView.id == wid){
var autoReload = this.getAttribute("auto-reload");
if(autoReload == "true" || autoReload == true){
fromView.reload();
}
return;
}
group.switchTab(wid);
});
window.addEventListener("switchTab",function(event){
var fromView = group.getCurrentWebview();
var index = event.detail.index;
var wid = items[index].id;
group.switchTab(wid);
});
}