Javascript loaded jquery getscript

Question

パフォーマンス上の理由から、ページロードイベントでロードするのではなく、クリックイベントでJavascriptファイルをロードします。 javascriptが既に読み込まれている場合、特にそのことを知っていますか？

今、私は「ロードされた」イベント

var javascriptLoaded=false 

if (!javascriptLoaded) 
     $.getScript('/scripts/test.js', function() { 
      javascriptLoaded = true; 
      setTimeout(function() { 
      callSomeFunctionhere(); 
      }, 1000);      
     }); 

をチェックするために、グローバル変数を維持していますがこれを行うのいずれかのより良い方法はありますか？

Answer 1

はい。あなたがしたいことは、成功のコールバックを使用することです。スクリプトをロードするためのajaxリクエストが正常に終了した場合にのみコールバックメソッドが呼び出されます。たとえば、これは等価です：スクリプトがロードされているかどうかを確認するために

$.ajax({ 
url: "/myscript.js", 
dataType: "script", 
success: function(){ 
    scriptLoaded = true; 
    //do some more stuff now that the script is loaded 
} 
failure: function(){ 
    scriptLoaded = false; 
} 

}); 

Answer 2

簡単な方法は、そのスクリプトが呼び出し可能であるかどうかを確認することです：[javascriptのファイルがロードされたかどうかを確認してください]の

if($.fn.foo == undefined) { 
    $.getScript("/path/to/script/foo.js", function() { 
     // success 
    }); 
}