モバイルデバイスのDOMブロック

Question

私はシンプルなヘッダーバーを作成しました。それぞれがクリックされたときにリクエストを送信しますが、モバイルデバイス（コンソール上のどのデスクトップPCでもGoogle Chromeのモバイルモッズは問題ではありません）では、DOMがブロックされて動作を停止します。ユーザーがボタンをクリックしたときに、私は非常に長い取得送る

1. 要求
2. 私は新しい（何度も何度も）リスナーではなく、このヘッダーバー私はこれを防ぐことができますどのよう

をバインド： 私はと思われますか？

Answer 1

どのようにクリックイベントを添付しましたか？それは複雑ではありません。

HTMLスニペット：

<button id="myBtn">Click here to load content</button> 
<div id="contentContainer"></div> 

のJavascript（jQueryのを使用して）スニペット：ここ

は、（モバイルブラウザ上でも）動作するはずの単純なコードサンプルです

$('#myBtn').on('click',function(){ 

    // show some indication to the user that you are loading something 
    $('#contentContainer').html('<strong>Loading content, please wait..</strong>'); 

    // do your ajax call 
    $.ajax({ 
     url:'https://api.myapp.com/get/user-info', 
    }).done(
    function(data){ 
     // all done - display the loaded content 
     $('#contentContainer').html(data); 
    }); 
}); 

javascripを実行した後でも "ブロックされ"ている場合は、これをユースケースとして使用してくださいモバイルデバイス上で（クリックハンドラに接続されている要素をクリックするとjsも実行されます）、通常はJavaScriptエラーが発生しています。これにより、問題を解決するまでモバイルブラウザがJavaScriptを停止しますページをリロードしてください。

少し助けてくれることを願っています！