Safari 5の$ .getScript（）と$（window）.load（）が常に機能しない

Question

this guyと同様の問題が発生しています。ただし、問題はスクリプトや画像ではありません。

私は$.getScript()と$(window).load()の組み合わせを使用してJavaScriptを動的に読み込み、スクリプトの読み込みが完了すると読み込まれる関数を使用しています。

Chromeでうまくいきますが、Safariは常にonloadイベントを早くも起動させるようです。 Safariがすべてのスクリプトがdocument.body.offsetWidthブロックと同様に読み込まれるまで待つように強制する方法があるかどうか疑問に思っていました。私が理解したところから（そしてテストしたときに見た結果から）、スタイルとイメージがロードされるまではブロックdocument.body.offsetWidthがブロックされますが、明らかにスクリプトではありません。

編集：それはだと言わざるを得ないかもしれないが、はSafariで動作することがありますが、パターンが表示されません。スクリプトが完全にロードされ実行される前にイベントが発生し、関数がないために$(window).load()が渡されたハンドラーが失敗することがあります。

Answer 1

、特にそれらの周囲の依存関係、私はRequireJSのようなライブラリを使用します。これは、スクリプトとその依存関係をインポートするために必要なものを提供し、依存関係が満たされたときに関数とコードを呼び出すためのフックも提供します。

Answer 2

準備が整いましたか？

$(document).ready(function() { 
    //code here 
}) 

私はそれを使用する際に一度も問題はありませんでした。最悪のシナリオでは、必要なコードを含む他のすべてのスクリプトタグの後にスクリプトタグをドロップできます。

Answer 3

この例では、ロードされたスクリプトに、関数にロードされたレポートを作成する必要があることを伝えます。必要なものがロードされると、必要なコードを実行します。あなたが作ったコメントに基づいて

// Simplified callback to check for all scrips loaded. 
var numDynScriptsReady = 0, 
    numDynScriptsNeeded = 4; 

function dynScriptsReady() 
{ 
    numDynScriptsReady++; 

    if(numDynScriptsLoaded == numDynScriptsNeeded) 
    { 
     // Run functions you need after loaded.... 
    } 
} 

// Example script get 
$.getScript("http://example.com/script.js", dynScriptsReady); 
// etc....