動的生成したscriptタグが実行されないのですが

質問

下記のように書いたら、無事scriptタグが作成できるのですが、なぜか実行されません。
$(document).ready(function(){
　var script = document.createElement('script');
　script.src = 'http://hoge';
　script.type = 'text/javascript';
　$("div#result").append(script.outerHTML);

htmlにscriptタグを、直接書くと動作します。
なぜ動的生成した時だけ動かないのでしょうか？
Chromeの下欄で見る限り、見た目は同じなのですが…

回答No.1

gorusura · ベストアンサー

div#result な要素に .outerHTML を突っ込んでいるからでしょう……
(document.head || document.getElementsByTagName('head')[0]).appendChild(script);
これなら動くはずです。

補足

回答ありがとうございます。
動的生成する際は、headに書き出さないといけないのでしょうか？

・div#result に scriptタグを直接書くと動作するので、動的生成もその場所でいけると思ったのですが…

回答No.2

gorusura

経験的に、head 要素にいれておけば、ちゃんと読み込んでくれると思ったからです。
なぜ、他のところではダメなのか、検討はつきませんが。。

お礼

補足ありがとうございましたー