MUI移動端頁面跳轉

MUi移動端跳轉有三種常用方式：

跳轉方法一：button型別使用onclick='',函式跳轉

示例程式碼：

function jumpToDetailView(){
mui.openWindow({
url:'gcx.html',
id:'gcx.html'
});
}

跳轉方法二：新增監聽事件跳轉

示例程式碼：

document.getElementById('gcx').addEventListener('tap',function(){
mui.openWindow({
url:'gcx.html',
id:'gcx.html'
});
});
 

跳轉方法三：使用.on形式跳轉

基於官網（http://dev.dcloud.net.cn/mui/event/#on）上的描述“除了可以使用   addEventListener()  方法監聽某個特定元素上的事件外， 也可以使用 .on()方法實現批量元素的事件繫結”。這裡要特別注意：

mui的繫結僅支援事件委託，不支援當前元素繫結，當前元素繫結請直接使用  addEventListener,  removeEventListener，可以看 MUI的原始碼，直接繫結是不支援的。

比如：    

mui('body').on('tap','a',function(){})
 

示例：

點選新聞列表，獲取當前列表項的id，並將該id傳給新聞詳情頁面，然後開啟新聞詳情頁面：

mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){
//獲取id
var id = this.getAttribute("id");
//傳值給詳情頁面，通知載入新資料
mui.fire(detail,'getDetail',{id:id});
//開啟新聞詳情
mui.openWindow({
id:'detail',
url:'detail.html'
});
})