var subpage=['shouye.html','tel.html','email.html','shezhi.html'];
//创建页面
var sub_style={
top:'0px',
bottom:'51px'
}
var show={};
mui.plusReady(function(){
var hash=plus.webview.currentWebview(); //获取当前页面id
for(var i=0; i<4; i++){
var temp={};
var Nsub=plus.webview.create(subpage[i],subpage[i],sub_style)
if (i > 0) {
Nsub.hide();
}else{
temp[subpage[i]] = "true";
mui.extend(show,temp);
}
hash.append(Nsub);// 给当前id添加 子页面 首个选项卡显示
}
})
var activeTab = subpage[0]; //设置默认
mui('.mui-bar').on('tap','a',function(e){
var targetTab = this.getAttribute('href'); //获取当前点击的href属性值
if (targetTab == activeTab) { // 第一页确定
return;
}else{
//隐藏当前;
plus.webview.hide(activeTab);
//更改当前活跃的选项卡
activeTab = targetTab;
}
//判断是否为 ios 或者 非首次显示 则直接显示
if(mui.os.ios||show[targetTab]){
plus.webview.show(targetTab);
}else{
//安卓手机显示动画 plus.webview.show(targetTab,"fade-in",300;
}
})
MUI,webview选项卡
最新推荐文章于 2021-06-09 17:29:08 发布