zcdev回答ポイント 100ptウォッチ

以下のようにjavascript内で動的にjqueryを読み込みたいです。


■html内
<script type="text/javascript" src="test.js"></script>

■test.js
var head = document.getElementsByTagName("head");
var script = document.createElement("script");
script.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js");
script.setAttribute("type","text/javascript");
document.head.appendChild(script);

$(function(){
alert('test');
});

結果としては、
http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
を読み込むよりも先に
$(function(){
alert('test');
});
が読まれてしまい
「ReferenceError: $ is not defined」
というエラーがでます。

setTimeout()を使い遅らせる事で実行は成功しますが、それ以外で実行できる方法があれば教えて頂きたいです。
宜しくお願い致します。

ログインして回答する

ベストアンサー

その他の回答

この質問へのコメント

コメントはありません

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2015-05-12 15:56:05
終了日時
2015-05-12 19:58:54
回答条件
1人1回まで 13歳以上

この質問のカテゴリ

この質問に含まれるキーワード

JavaScript2781jQuery742SCRIPT437HTML5036SRC250js788

人気の質問

メニュー

PC版