Mui は jquery を使用し、クリックして新しいウィンドウにジャンプするサンプル共有を使用します

この記事では主に、Mui が jquery を使用し、クリックして新しいウィンドウにジャンプする例を紹介します。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

jsコードがグローバルに挿入されています

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

動作はしますが、サイドバーをクリックしても表示されなかったり、エラーが多かったりするなど、問題が多々あります

自分で練習した結果。メソッド、それはまだ実現可能ですが、jqueryを書きすぎましたが、ネイティブjsのデバッグは常に失敗しました。私が不慣れだからかもしれませんが、それでもすべてを使用する必要があります~

それから、最初にjqueryを追加します

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

OK、コードに直接移動します:

id Jump:

$('#Message').on("tap", function () {
  //打开关于页面
  mui.openWindow({
    url: '../Home/About',
    id: &#39;About&#39; <br>});

9 Gong グリッドジャンプ:

$('.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 pull のカプセル化プロセスの詳細な説明さらなるプルをロードするまで-down更新データ

JSはMUIナビゲーションバーの透明なグラデーション効果を実現します

モバイルHTML5でMUIフレームワークを使用する方法

以上がMui は jquery を使用し、クリックして新しいウィンドウにジャンプするサンプル共有を使用しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。