mui 打開新頁面
阿新 • • 發佈:2017-08-25
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 打開新頁面