TomVision
TomVision
  • 发布:2016-02-26 14:06
  • 更新:2016-02-26 19:49
  • 阅读:1476

底部webview选项卡,怎么在子页里切换?

分类:MUI

index.html 为底部webview的选项卡,
首页套着main.html,现在想在main页里点击触发切换index里的选项卡,请问怎么做?

2016-02-26 14:06 负责人:无 分享
已邀请:
不知道

不知道

demo里面有例子;
相关页面:tab-webview-main.html,tab-webview-subpage-setting.html

下面是相关代码:
首先有两个页面需要添加代码。
第1个页面:webview的选项卡里子页面main.html页面。

document.getElementById("点击元素").addEventListener('tap',function () {  
	//获得主页面的webview  
	var main = plus.webview.currentWebview().parent();  
	//触发webview的选项卡页面的index事件  
	mui.fire(main,'index');  
});

第2个页面:webview的选项卡页面。

//自定义事件,模拟点击“首页选项卡”  
document.addEventListener('index', function() {  
	//获取webview的选项卡页面里,index页面对应的盒子  
	var indexTab = document.getElementById("indexTab");  
	//模拟首页点击  
	mui.trigger(indexTab, 'tap');  
	//切换选项卡高亮  
	var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");  
	if (indexTab !== current) {  
		current.classList.remove('mui-active'); //去除选中选项卡  
		indexTab.classList.add('mui-active');   //点亮index页面webview的选项卡图标  
	}  
});

该问题目前已经被锁定, 无法添加新回复