Question

我需要将一段内容加载到我的div中，我需要执行远程div中的脚本，例如我有

<div id="thisIsRemoteContent">
<script src="blabla.js"></script>
</div>

在remote-content.html

中

现在我需要将脚本加载到我的页面

$('.mydiv').load("remote-content.html #thisIsRemoteContent");

在jquery API文档中写道，如果我加载一段contet，那么脚本将不会被执行。

使用不带后缀选择器的URL调用.load（）时表达式，内容在脚本出现之前传递给.html（）除去。这将在丢弃之前执行脚本块。如果使用附加到URL的选择器表达式调用.load（），但是，在更新DOM之前，脚本会被删除，因而没有被执行。

但是，如何使用脚本加载它？

Answer 1

你不能打2个电话吗？

    $('.mydiv').load("remote-content.html");
    $.getScript('blabla.js');

您可以使用脚本名称进行操作，以便远程内容知道其名称，然后将其放在remote-content.html内的某个属性中，如：

<div>my remote content</div>
<span scriptname="blabla.js"></span>

那么：

    $('.mydiv').load("remote-content.html");
    $.getScript($('span[scriptname]').attr('scriptname'));