使用jquery / ajax加载外部页面 - 同时加载外部页面的jquery脚本

Question

好的，这让我很伤心。我正在使用jquery加载外部页面：

var response = $.ajax({
    url: "example.php",
    dataType: "html",   
    async: false,
});
$("#content2").empty().prepend(response.responseText);

这部分工作正常。

现在我知道，如果我想与新内容进行交互，我必须将任何新元素绑定到一个动作才能使其工作......

$(".example").live("click",function(event){
    //do something
}):

但是，问题是我加载的内容包含几个包含很多表单验证的.js文件。

有没有办法将所有新内容绑定到这些外部.js文件？

Answer 1

通过AJAX包含JavaScript要求这些脚本为eval。有关更好的方法，请参阅$.getScript。

就您的示例AJAX请求而言，请注意发出同步请求，因为它们会在远程请求期间冻结您的浏览器。相反，使用异步请求并通过回调来处理它们的响应

$.ajax({
    url: "example.php",
    dataType: "html",   
    success: function(response) {
        $("#content2").html(response.responseText);
    }
});