使用Jquery .load冲突的动态页面

Question

我正在尝试创建一个单页网站，将页面加载到ID为#content的div，但有时我的表单元素会像datepickers和自动填充一样陷入混乱。所以我怀疑要加载很多脚本，因为我的所有页面都有源链接，所以会引起冲突。

我的第一个调整是删除子页面中的所有源链接并将其移动到主页面。但是当使用jquery .load加载子页面时，我的控制台上出现了一堆错误，例如自动完成不是函数和同步XMLHttpRequest。有什么建议可以解决这个问题吗？

//My code to load pages.

$(".click").on("click",function(){

        var page = $(this).data('link');

        $("#content").html("<img src='img/142.gif' width='150' />").load(page);

        //console.log('Click function was called');

});

Answer 1

有错误，因为之后加载的javascript源文件，但您的javascript代码首先执行。您可以使用iframe元素并为了加载新页面动态更改src然后重新加载iframe。

$(".click").on("click",function(){

    var page = $(this).data('link');
    var iFrame = $('iframe');
    iFrame.html("<img src='img/142.gif' width='150' />");
    iFrame.load(page); 

});