底部选项卡怎样连接到另一个页面

<a class="mui-tab-item" href="1.html">  
        <span class="mui-icon mui-icon-map"></span>  
        <span class="mui-tab-label">查看地图</span>  
    </a>

上面代码修改连接后 IE浏览器测试可以，手机测试无效果~~

<nav class="mui-bar mui-bar-tab">  
  <a class="mui-tab-item mui-active" href="#tabbar">  
        <span class="mui-icon mui-icon-phone"></span>  
        <span class="mui-tab-label">电话咨询</span>  
    </a>  
    <a class="mui-tab-item" href="#tabbar-with-chat">  
        <span class="mui-icon mui-icon-chat"></span>  
        <span class="mui-tab-label">在线咨询</span>  
    </a>  
    <a class="mui-tab-item" href="#tabbar-with-sms">  
        <span class="mui-icon mui-icon-sms"></span>  
        <span class="mui-tab-label">短信咨询</span>  
    </a>  
    <a class="mui-tab-item" href="#tabbar-with-map">  
        <span class="mui-icon mui-icon-map"></span>  
        <span class="mui-tab-label">查看地图</span>  
    </a>  
</nav>