Mui使用jquery並且使用點擊跳轉新視窗

標籤：直接   問題   style   function   func   javascrip   home   點擊   render   

網上好多朋友是這樣做的：

全域插入了js代碼

mui(‘body‘).on(‘tap‘, ‘a‘, function () { document.location.href = this.href; });

 

這樣做是行的，但是有很多問題，比如點擊側欄的時候，就不出現，錯誤很多，

經實踐自己的方法還是可行的，寫多了jquery，竟然調試js原生老不成功。可能是生疏了，啥東西還是要用~

那就先加入jquery

@Scripts.Render("~/bundles/jquery")

　好了，直接上代碼：

id跳轉：

$(‘#Message‘).on("tap", function () {    //開啟關於頁面    mui.openWindow({        url: ‘../Home/About‘,        id: ‘About‘ 
});

　9宮格跳轉：

1     $(‘.mui-grid-9‘).on("tap", ‘a‘, function () {2         var url = $(this).attr(‘href‘);3         //開啟關於頁面4         mui.openWindow({5             url: url,6             id: ‘info‘7         });8     });

圖片輪播跳轉：

1     $(‘#slider‘).on("tap", ‘a‘,function () {2         var url = $(this).attr(‘href‘);3         //開啟關於頁面4         mui.openWindow({5             url: url,6             id: ‘info‘7         });8     });

現在看起來一切就對勁了：

 

 

Mui使用jquery並且使用點擊跳轉新視窗