关于mui.trigger，选项卡问题，模拟点击选项卡，但是mui-active状态不添加

分类：MUI

选项卡事件触发

4个分类，首页、分类、购物车、我的，tap选项卡的时候，openWindow对应的href的页面视图，除了首页之外，分类、购物车、我的触发back的时候，都是回到首页。所以我直接自定义事件，触发模拟tap，首页，但是mui-active没有改变。

2015-09-01 14:23 负责人:无分享

6 个回复

DCloud_UNI_CHB

这里需要通过js处理一下mui-active的问题，事件逻辑和UI是分开的，后续我们考虑一下如何合并。

对应代码参考hello mui中webview模式的选项卡：

//自定义事件，模拟点击“首页选项卡”  
document.addEventListener('gohome', function() {  
    var defaultTab = document.getElementById("defaultTab");  
    //模拟首页点击  
    mui.trigger(defaultTab, 'tap');  
    //切换选项卡高亮  
    var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");  
    if (defaultTab !== current) {  
        current.classList.remove('mui-active');  
        defaultTab.classList.add('mui-active');  
    }  
});

superjs (作者)

好的谢谢你，我也是用这种方法解决的！

2015-09-05 09:34
涛涛江水

谢谢解决了

2015-11-22 02:32
Jauns

哪怎样阻止触发默认添加 mui-active事件

2016-09-22 15:14

Deron

document.addEventListener('goTab', function() {  
            var defaultTab = document.getElementById(triggerTab);  
            //模拟点击  
            mui.trigger(defaultTab, 'touchstart');  
            mui.trigger(defaultTab, 'tap');  
            //切换选项卡高亮  
            var current = document.querySelector(".mui-content-padded .mui-active");  
            if(defaultTab !== current) {  
                current.classList.remove('mui-active');  
                defaultTab.classList.add('mui-active');  
            }  
        })