ホームページ > ウェブフロントエンド > jsチュートリアル > Mui は jquery を使用し、クリックして新しいウィンドウにジャンプするサンプル共有を使用します

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

小云云
リリース: 2017-12-30 15:21:13
オリジナル
1997 人が閲覧しました

この記事では主に、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 グリッドジャンプ:


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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート