jQuery load() 问题

Question

我有一个页面：index.html 有一些内容：

<section id="content">
...
</section>

我正在尝试使用 jQuery（带有 jQ​​uery 地址）来更新内容，而无需从具有 相同 section 标签和 相同 id 的其他 HTML 文件重新加载。

我被这个困住了：

  $.address.init(function(event) {
    console.log("init: " + $('[rel="address:' + event.value + '"]').attr('href'));
  }).change(function(event) {
    $("#content").load($('[rel="address:' + event.value + '"]').attr('href') + ' #content');
    console.log("change");
  });

它几乎可以工作。但！它插入一个<section id="content"> 和</section>，所以一切都爆炸了。

我怎样才能摆脱一个<section id="content"> + </section>？

Answer 1

使用$.get() 和.replaceWith() 的组合代替.load()。

$('#content').html().load() ...

使用

$.get({
  url:...,
  success:function(data) {
    $('#content').replaceWith( data )
  }
});