linq
linq
  • 发布:2016-08-18 17:05
  • 更新:2016-08-18 17:39
  • 阅读:6019

手动触发tab里的a标签的tap事件时,该a标签不会自动附加mui-active的样式

分类:MUI

我有个页面,有个底部导航栏,点击每个tab加载对应的subpage,每次退出后重新登录后我需要重置当前tab为首个tab并加载对应subpage,我通过手动触发首个tab 的tap事件实现加载,问题是页面是加载了,但是mui-active的样式没有应用上

2016-08-18 17:05 负责人:无 分享
已邀请:
linq

linq (作者)

目前通过以下方法解决:

var defaultTab = document.getElementById("defaultTab");  
mui.targets.tab = defaultTab;  
mui.fire($.currentWebview, "tap");  
mui.trigger(defaultTab, "tap");

有没有官方人员出来给个更好的办法?

赵梦欢

赵梦欢 - 专注前端,乐于分享!

hello mui tabbar-webview-main.html中有个例子:

// 自定义事件,模拟点击“首页选项卡”  
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');  
    }  
});

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