javascript - コードを使用してjQueryを含める

Question

コードを使用してページにjQueryを含める必要があります。

if (typeof window.jQuery === "undefined") {
    document.write('<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"><\/script>');
    if (typeof Prototype !== "undefined") {
        document.write('<script>jQuery.noConflict();<\/script>');
    }
}

しかし、jQueryを使おうとすると、Firebugは「jQueryundefined」をログに記録します。

jQuery(document).ready(function() {
    //
});

しかし、jqueryは正しくロードされています

Answer 1

document.writeを使用せず、dom操作を使用することをお勧めします。

if (typeof window.jQuery === "undefined") {
    var script = document.createElement('script');
    script.onload = function(){
        if (typeof Prototype !== "undefined") {
            jQuery.noConflict();
        }
    }
    script.src = 'http://code.jquery.com/jquery-latest.min.js';
    document.getElementsByTagName('head')[0].appendChild(script);   
}

http://jsfiddle.net/ALCDr/

Answer 2

window.onload = function() {
  jQuery(document).ready(function() {
    alert('!');
  });
}

トリックを行います。

Answer 3

HTML5ボイラープレートが行う方法が最も効率的な方法です。

<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>

これにより、jQueryがまだ定義されているか（つまりロードされているか）、または（ロードされていない場合）スクリプトがページに書き込まれるかどうかがチェックされます:)。