底部webview选项卡，怎么在子页里切换？

分类：MUI

选项卡 tab mui

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

2016-02-26 14:06 负责人:无分享

2 个回复

maq

自定义事件

不知道

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的选项卡图标  
    }  
});

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

底部webview选项卡，怎么在子页里切换？

2 个回复

公告

相关问题

底部webview选项卡，怎么在子页里切换？

与内容相关的链接

2 个回复

公告

相关问题