Javascript 使用Jquery的动态页面。加载冲突

我试图创建一个单页网站，将页面加载到具有内容id的div中，但有时我的表单元素会像日期选择器和自动完成程序一样混乱，无法呈现。所以我怀疑要加载的脚本太多，这会导致冲突，因为我所有的页面都有源链接

我的第一个调整是删除子页面中的所有源链接，并将其移动到主页。但是当使用jquery.load加载子页面时，我在控制台上会遇到一系列错误，比如autocomplete不是函数，而同步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');

});

---

出现错误是因为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); 

});

---

我也尝试过这个，但是iframe在ios浏览器和触摸设备上不太好，也许放置一个响应iframe就可以了。谢谢