Mui使用jquery並且使用點擊跳轉新視窗範例分享

本文主要為大家帶來一個Mui使用jquery並且使用點擊跳轉新視窗的實例。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧，希望能幫助大家。

全域插入了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: &#39;About&#39; <br>});

9宮格跳轉：

$('.mui-grid-9').on("tap", 'a', function () {
    var url = $(this).attr('href');
    //打开关于页面
    mui.openWindow({
      url: url,
      id: 'info'
    });
  });

圖片輪播跳轉：

$('#slider').on("tap", 'a',function () {
    var url = $(this).attr('href');
    //打开关于页面
    mui.openWindow({
      url: url,
      id: 'info'
    });
  });

相關推薦：

實例詳解mui上拉載入更多下拉刷新資料的封裝過程

#JS實作MUI導覽列透明漸變效果

行動HTML5中MUI框架的使用方法

以上是Mui使用jquery並且使用點擊跳轉新視窗範例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！