关于尾部 mui-bar-tab 链接问题

使用MUI我只想把他当作WEB页面用在微信中。在使用的时候，我在使用：
<nav class="mui-bar mui-bar-tab">
<a id="defaultTab" class="mui-tab-item mui-active" href="index.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>

        <a class="mui-tab-item" href="food_list.html">  
            <span class="mui-icon mui-icon-bars"></span>  
            <span class="mui-tab-label">餐品分类</span>  
        </a>  
        <a class="mui-tab-item" href="member_index.html">  
            <span class="mui-icon mui-icon-contact"></span>  
            <span class="mui-tab-label">会员中心</span>  
        </a>  

直接用浏览器浏览，点击这些链接，都不会跳转。
我想问的是，我想这些链接直接可以点击跳转即可。该如何实现它。

解决了：
<script>
mui('.mui-bar-tab').on('tap','a',function(){document.location.href=this.href;});
</script>