1. 程式人生 > >mui 打開新頁面

mui 打開新頁面

url pre ntb element logs 指點 item home 點擊

mui 打開新頁面需要用到 openWindow() 方法和 id,id 指點擊的那個元素的 id ,至於 openWindow() ,詳細可到 mui 文檔》窗口管理》打開新頁面查看,我在測試(真機運行,效果實現),用的比較簡單,代碼如下:

document.getElementById(‘mphone‘).addEventListener(‘tap‘, function() {
      //打開關於頁面
      mui.openWindow({
        url: ‘phone.html‘, 
        id:‘mphone‘
      });
    });

HTML 結構如下:

<nav class="mui-bar mui-bar-tab">
                    <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="mphone"> <span class="mui-icon mui-icon-phone"></span> <span class="mui-tab-label">電話</span> </a> <a class="mui-tab-item" id="memail"> <
span class="mui-icon mui-icon-email"></span> <span class="mui-tab-label">郵件</span> </a> <a class="mui-tab-item"> <span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">設置</span> </a> </nav>

mui 打開新頁面