2012-02-01 21 views
1

「$(document).ready」が呼び出される前にいくつかのJSファイルを動的にロードする方法があるかどうかを知りたいと思います。これらのJSファイルは、ロードされ、readyイベントハンドラで使用可能である必要があります。Javaスクリプトファイルを動的にロードする

jqueryでこれを行う方法はありますか?

ここで問題となるのは、選択されているロケール/言語に応じて、ローカライズされた特定のバージョンのJSファイルをロードできることです。あなたは純粋なJavaScriptでたい場合はこれを試すことができ

jQuery.getScript("url here") 

http://api.jquery.com/jQuery.getScript/

+3

を使用することができ、あなたの前の質問に受け入れてください。 – cheeken

答えて

3

おかげ

+0

この同期または非同期です。言い換えれば、 "$ .getScript(" script.js ");"その次の行にあるjsのスクリプトですか?コールバック関数が実行されるのを待たなければなりませんか? – rqtechie

+0

これは非同期です。 – ShankarSangoli

3

はこれを試してみてください。あなたがそれらが役に立ったと評価していた場合

var head= document.getElementsByTagName('head')[0]; 
    var script= document.createElement('script'); 
    script.type= 'text/javascript'; 
    script.onreadystatechange= function() { 
     if (this.readyState == 'complete'){ 
      //Your can write your code here 
     }; 
    } 
    script.src= 'script.js'; 
    head.appendChild(script); 

AlertnativelyあなたはjQueryのgetScript方法

$.getScript("script.js", function(){ 
    //Your can write your code here 
}); 
関連する問題