动态添加脚本会导致问题

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。