jqがaラベルにバインドされたonclickイベントは移動側で応答しない


更新


プレゼンテーションアドレスは、開発者ツールでモバイル側の表現を見ることができます.しかし、このバージョンは正常に動作しており、私はすでにコメントエリアの大神に基づいてaラベルクリックイベントのバインド方法を変更しました.下図のように、注釈の行は私の元のコードで、注釈の次の行は修正されています.

問題の説明


プロジェクト用のjQuery+Bootstrapが開発され、Bootstrapに使用されるナビゲーションバーは、ページが移動端で開くと、ナビゲーションバーが収縮します.
ここで、ドロップダウンメニューのaラベルには、jsイベントがバインドされています.
jQuery(document).ready(function($){
  'use strict';
   $('#see').click(seeArrange)  //     
   function seeArrange () {}
   //...
}

すべてはonclickエンドで正常に動作していますが、モバイルエンドではPCラベルにバインドされたaイベントはモバイルエンドで応答しません.

解決する


ネットでいろいろな方法を見た後、移動端が収縮した後のナビゲーションバー容器のonclickがクリックイベントにバインドされていないのではないかと思います.そこで私はaでイベントをバインドして、結果は正常にクリックしました.の
// html 
  • // js jQuery(document).ready(function($){ 'use strict'; // $('#see').click(seeArrange) // // ... } function seeArrange () {}

    まとめ

  • 実は具体的な原因は私が何なのか分かりません.知っている大物たちに私を指摘してください.
  • ネットで探しているいろいろな方法も話しましょう.メモを取ってください.
  • 多くの人は、モバイル側がクリックイベントをサポートしていないと言って、htmlイベントまたはtouchイベントに変えてみてください.
  • $("*").bind("click",function(){});//ページ初期化時にイベントバインディング
  • を追加する

    リファレンス


    IOS微信ブラウザクリックイベントが機能しない問題モバイル端末微信内蔵ブラウザ(またはQQブラウザ)はonclickイベントの解決を認識できない