jquery - 使用 jQuery load 动态加载内容会清除现有的 html

Question

目前，我正在尝试创建一个设置，在主页面中加载页面内容，以避免为每个链接刷新页面。

我对每个单击的链接使用如下 jQuery 加载，以便将链接加载到 #main 中。 (显然完成后不会是所有链接。)

直接访问的页面工作正常，但如果您尝试使用此加载链接，那么它将正确加载内容，但仅在 View 源中显示加载的html，我在这里做错了什么吗？

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

    $("#footer, #main").fadeOut('fast');

    $("#main").load($(this).attr("href"), function(){

        $("#main, #footer").fadeIn('slow');

    });

    return false
});

Answer 1

导致此问题的问题 .load()是当您包含的文件包含 <script></script> 时标签。

这些会干扰 Javascript，并且它无法应对，从而导致页面错误。

要解决此问题，您必须删除 <script></script>加载文件中的标签。