Question

我使用.load（）

加载带有ajax的页面内容

我的html页面采用以下方式格式化：

我的主页是：

<html>
  <head></head>
  <body class="HOME">
    <header></header>
    <div id="content">
      //CONTENT
    </div>
  </body>
</html>

我的文章页面是：

<html>
  <head></head>
  <body class="ARTICLE">
    <header></header>
    <div id="content">
      //CONTENT
    </div>
  </body>
</html>

我只加载id为#content的div元素内的内容。现在，假设我们从文章页面转到主页，此时，body元素保留旧类#HOME我想要的是用包含类{{{{}}的新加载的body元素替换它1}}

编辑：

#ARTICLE

编辑2：部分解决方案。现在，我正在手动设置新类，如下所示：加载内容后：

jQuery('.link').on("click", "a", function() {

 jQuery('body')
    .find("#content")
        .fadeOut(10, function() {

            jQuery('#content').hide('slow').load('/' + " #content", { is_ajaxed_page: "yes" }, function() {

                jQuery('#content').fadeIn(10, function() {

                });
            });
        });

    return false;
});

但是，我想在加载内容时自动检索新主体的类。像这样：

jQuery('body').attr('class') = 'HOME';

Answer 1

确保删除以前的代码。

jQuery('.link').on("click", "a", function() {

 jQuery('body')
    .find("#content")
        .fadeOut(10, function() {

            jQuery('#content').hide('slow').empty().load('/' + " #content", { is_ajaxed_page: "yes" }, function() {

                jQuery('#content').fadeIn(10, function() {

                });
            });
        });

    return false;
});

用新加载的元素替换旧的body元素

1 个答案: