動態添加的腳本導致問題

Question

我正在通過ajax加載一個html代碼段以附加到div（我使用jquery）。裝載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。