動的に追加されたスクリプトで問題が発生する

Question

jQueryを使用してdivに追加するためにajax経由でHTMLスニペットを読み込みます。 AJAXでロードされたHTMLの一部は次のようになります。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
var options = { 
    mapTypeId : google.maps.MapTypeId.TERRAIN 
} 
alert('test'); 
var map = new google.maps.Map(document.getElementById('map-canvas'), options); 
</script> 

が、これは

contentBox.append(data); 

問題が付加され、これは読み込みが終了しないFirefoxで黒のページを引き起こすことがあります。他のブラウザでは、コードはまったく実行されないようです。

解決方法はありますか？

Answer 1

おそらくいい解決策ではないかもしれませんが、うまくいくようです。サーバーの応答は今

$response = array( 'script' => $script, 'html' => $html); 

としてフォーマットされ、クライアントは、evalを用いて受信JavaScriptを実行します。