jQueryが定義されていないというエラーが表示されるのはなぜですか？

Question

jqueryをロードするには、外部jsファイルを使用する必要があります。私のjsファイルのコードは以下の通りです：FirefoxのFirebugのコンソールで

document.write('<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>'); 

    (function($) { 
     $(document).ready(function() { 
      alert('it works!!'); 
     }); 
    })(jQuery); 

私はこのエラーを参照してください。「jQueryのが定義されていない」と私はjQueryのライブラリは私のjsから$関数の後にロードされているので、それだと思いますファイル。

私はこれをどのように修正できますか？ Firebugコンソールからスクリプトを実行すると、すべて正常に動作します。

Answer 1

jqueryが呼び出されたときにロードされていないことが正しいです。 jQueryライブラリをロードし、後でコードを呼び出す関数を書く必要があります。あるいは、コードの実行を遅らせることもできますが、これは100％完全な証明ではありません。

更新。 Link to check if jQuery has been loadedコールバックコールに便利です。

Answer 2

生成<script>要素が後に現在のスクリプト要素を表示され、その中のコードは、現在の<script>要素のコードが終了した後まで実行されません。

<script>を使用しようとする前に、ライブラリをロードする必要があります。

変更するには：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
    (function($) { 
     $(document).ready(function() { 
      alert('it works!!'); 
     }); 
    })(jQuery); 
</script> 

Answer 3

は、なぜあなたはjQueryので引っ張ってdocument.writeを使用していますか？ちょうど<script>タグを直接HTMLに入れてください。

Answer 4

Loading scripts dynamicallyが役に立ちます。しかし、をロードしようとしていますが、ページがロードされています。これは、ページがロードされたときにロードするロードとは少し異なります。

私の提案は、ハッキングの一種である：

document.write('<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js" onload="loaded()" onreadystatechange="loadedIE()"></script>'); 

function loadedIE() { //for ie 
    if(this.readyState == 4){loaded();} 
}; 

function loaded() { 
    $(document).ready(function() { 
     alert('it works!!'); 
    }); 
}; 

私はreadystatechangeリスナーが（そのIEがハック）動作するはずだと思います。