jQueryが適切にロードされるまで、javascriptのロードを遅らせる

Question

jQuery用とjQuery用の2つのスクリプトタグを動的に追加するブックマークレットを作成しようとしています。私が抱えている問題は、jQueryスクリプトを最初に追加しても、ブラウザがjQueryが定義されていないと言うので、jsスクリプトを読むことができないということです。 jsスクリプトを実行しているときにブラウザがjsスクリプト内のjQueryを認識しないため、ブラウザがjsスクリプトを追加したときにjQueryがロードされているというエラーが表示されます。 jQueryが完全に読み込まれるまで、jsスクリプトタグの追加を遅らせるにはどうしたらいいですか？

ありがとうございます！

Answer 1

あなたのスクリプトはどのように見えますか？

スクリプトで行うことをすべて関数内にカプセル化し、関数から呼び出す必要があります。 jQueryのは、完全にロードした後にのみ実行するようにコードを作る

$(document).ready(function(){ 
    myJqueryFunction(); 
}); 

：例えば

はでそれを呼び出し、関数myJqueryFunction()にすべてをかけます。

また、Ajaxを使用してスクリプトを実行できるはずですが、スクリプトはドキュメントと同じドメインから提供する必要があります。そうでなければDOMにアクセスできません。

$(document).ready(function(){ 
    $.ajax("url to your script", {dataType:"script"}); 
}); 

Answer 2

ほとんどのJavascriptのプログラマーがやって終わる最初のものは、これに似たその>プログラムにいくつかのコードを追加している：その内部

window.onload = function(){ alert("welcome"); }

あなたが権利を実行するコードですページがロードされたとき。ただし、すべての画像のダウンロードが完了するまで、Javascriptコードは実行されません（これにはバナー広告が含まれます）。最初にwindow.onloadを使用する理由は、最初にコードを実行しようとすると、HTML 'document'がまだ読み込まれていないからです。

この情報が役立ちます。JQuery tutorialから抽出してください。

Answer 3

LABjs：http://labjs.com/のようなスクリプトローダーを使用できます。 waitを使用して他のスクリプトを延期することをサポートしています。

$LAB 
.script("jquery.js") 
.wait() 
.script("script.js");