首頁 > web前端 > js教程 > Mui使用jquery並且使用點擊跳轉新視窗範例分享

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

小云云
發布: 2017-12-30 15:21:13
原創
1995 人瀏覽過

本文主要為大家帶來一個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宮格跳轉:


$(&#39;.mui-grid-9&#39;).on("tap", &#39;a&#39;, function () {
    var url = $(this).attr(&#39;href&#39;);
    //打开关于页面
    mui.openWindow({
      url: url,
      id: &#39;info&#39;
    });
  });
登入後複製

圖片輪播跳轉:


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

相關推薦:

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

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

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板