JQueryはIE 9.0.8では動作しませんが、devツールを開いて動作します

Question

以下はIE 9.0.8を除くすべてのブラウザで動作します。 Ajaxリクエストでdiv内にアンケートフォームを読み込みます。

$('.tab-content').on('click', '.show_survey_form', function(e) { 
    e.preventDefault() 
    target = $(this).attr("data-target") 
    my_href = $(this).attr("href") 
    console.log("load: " + target + " target: " + my_href) 
    // load: #survey_response_form_33 target: /surveys/33/survey_responses/edit_multiple 

    // Don't make a request unless the form is opening. 
    if ($(this).hasClass('collapsed')) { 
    console.log("Making request!") 
    //$(target).load(my_href) 
    $(this).html(closeSurveyForm) // Just changes the language on the button 
    } else { 
    $(this).html(respondToSurvey) // Just changes the language on the button 
    } 
} 

デバッグ中に.loadがコメントアウトされています。 IEは、このコンテキストで.hasClassを使用して問題があるようです。それは問題なしで他の場所で使われています。

本当に奇妙な部分は、私が開発ツールのウィンドウを開くと、それは動作を開始します。これまでは一貫して動作しませんし、F12を押しても一貫して動作します。

他の問題では、クラスに\ r charが含まれていてもhasClassメソッドが動作しないと言われていますが、ここではそうではありません。私はjQuery 1.8.3を使用しています。

更新： hrefを「＃」に変更してデータロードに書き込むことは効果がありませんでした。 IE 9.0.8を除くすべてのブラウザで動作します。

Answer 1

これはjQueryまたはhasClass()とは関係ありません。それはあなたの使用に完全にダウンconsole.log()です。

F12開発ツールウィンドウが開かれるまでIEはconsoleオブジェクトを定義していないことを知っておくことが重要です。

これは、開く前に、consoleの呼び出しでjavascriptの "object undefined"エラーがスローされることを意味します。これにより、そのコードが動作していないように見えるようになりますが、実際にコンソールオブジェクトが欠落しているだけです。

他の古いブラウザでも同様の効果がありますが、最新のブラウザのバージョンではこれが行われません。開発ツールが開いているかどうかに関係なく、すぐにconsoleオブジェクトが定義されます。 IEは唯一の例外です。

あなたが実際にデバッグとオープンのdevのツールを持っている、または（b）すべてのconsole呼び出しにif(console)チェックを追加している場合を除きあなたは、（a）はconsoleを使用していないのいずれかでこの問題を回避することができます。これにより、エラーを防ぐことができます。

ここに詳しい情報：Why does JavaScript only work after opening developer tools in IE once?