mui 打開新窗口

js

mui.plusReady(function() {
                
//打開新頁面
document.getElementById("0").addEventListener("click",function(){
            
            mui.openWindow({
                url: "examples/guanli.html",
                id: "guanli.html",
                styles: {
                    popGesture: "close",
                    statusbar: {
                        background: "#f7f7f7"
                    }
                },
                show: {
                    aniShow: aniShow,
                    duration: 300
                }
            });

        });

 

html

<nav class="mui-bar mui-bar-tab" id="nav">
                    <a class="mui-tab-item mui-active" >
                        <span class="mui-icon mui-icon-home"></span>
                        <span class="mui-tab-label">首頁</span>
                    </a>
                    <a class="mui-tab-item" id="0">
                        <span class="mui-icon mui-icon-paperplane"></span>
                        <span class="mui-tab-label">管理</span>
                    </a>
                    <a class="mui-tab-item" id="1">
                        <span class="mui-icon mui-icon-compose"></span>
                        <span class="mui-tab-label">課程表</span>
                    </a>
                    <a class="mui-tab-item" id="2">
                        <span class="mui-icon mui-icon-flag"></span>
                        <span class="mui-tab-label">任課表</span>
                    </a>
                    <a class="mui-tab-item" id="3">
                        <span class="mui-icon mui-icon-person"></span>
                        <span class="mui-tab-label">通訊錄</span>
                    </a>
                </nav>

點擊id=0的tab項目，激活js