使用mui-bar-tab切换a链接直接填写网址不生效

分类：MUI

href="http://www.baidu.com" a链接不生效要如何处理啊，新手小白。

2016-07-22 09:26 负责人:无分享

3 个回复

Trust - 少说废话

mui里面将href默认跳转拦截了，请使用js添加事件监听进行跳转。

兰枫 (作者)

能具体给个演示么，小白刚使用

2016-07-22 09:47
Trust

回复兰枫:具体请参考hello mui示例项目中的选项卡切换示例。

2016-07-22 09:49
兰枫 (作者)

谢谢

2016-07-22 09:57

赵梦欢 - 专注前端，乐于分享！

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title></title>  
        <link rel="stylesheet" type="text/css" href="css/mui.css"/>  
    </head>  
    <body>  
        <nav class="mui-bar mui-bar-tab">  
            <a class="mui-tab-item mui-active" href="http://www.baidu.com">  
                <span class="mui-icon mui-icon-home"></span>  
                <span class="mui-tab-label">首页</span>  
            </a>  
            <a class="mui-tab-item" href="">  
                <span class="mui-icon mui-icon-email"></span>  
                <span class="mui-tab-label">消息</span>  
            </a>  
            <a class="mui-tab-item" href="#">  
                <span class="mui-icon mui-icon-contact"></span>  
                <span class="mui-tab-label">通讯录</span>  
            </a>  
            <a class="mui-tab-item" href="#">  
                <span class="mui-icon mui-icon-gear"></span>  
                <span class="mui-tab-label">设置</span>  
            </a>  
        </nav>  
        <script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>  
        <script type="text/javascript">  
            mui('.mui-bar-tab').on('tap','a',function(){  
                console.log(this.getAttribute('href'));  
                location.href = this.getAttribute('href');  
            })  
        </script>  
    </body>  
</html>

weixin

可以可以

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

使用mui-bar-tab切换a链接直接填写网址不生效

3 个回复

公告

相关问题

使用mui-bar-tab切换a链接直接填写网址不生效

与内容相关的链接

3 个回复

公告

相关问题