mui div 选项卡tab 使用简析

<nav class="mui-bar mui-bar-tab">
            <a class="mui-tab-item mui-active" href="#tabbar">  //链接到id="tabbar"的地方，显示id="tabbar"的div块中调用的内容，可以说本地内容，如examples/about.html，也可以是网络内容，如http://www.sina.com.cn
                <span class="mui-icon mui-icon-home"></span>
                <span class="mui-tab-label">巡课管理</span>
            </a>
            <a class="mui-tab-item" href="#tabbar-with-chat">
                <span class="mui-icon mui-icon-email"></span>
                <span class="mui-tab-label">巡课反馈</span>
            </a>
            <!-- <a class="mui-tab-item" href="#tabbar-with-contact">
                <span class="mui-icon mui-icon-contact"></span>
                <span class="mui-tab-label">通讯录</span>
            </a>-->
            <a class="mui-tab-item" href="#tabbar-with-map">
                <span class="mui-icon mui-icon-gear"></span>
                <span class="mui-tab-label">我的</span>
            </a> 
        </nav>
        <div class="mui-content">
            
            
             <div id="tabbar" class="mui-control-content mui-active">
                <div class="title"><iframe src="http://58.218.149.207:8085/e/DoInfo/AddInfo.php?mid=13&enews=MAddInfo&classid=88&Submit=%E6%B7%BB%E5%8A%A0%E4%BF%A1%E6%81%AF"  width="100%" height="800px"></iframe></div>  //此处嵌入网络内容

            </div>

这种方式调用网页可以实现选项卡的切换效果，用subpage待议