jQuery load（）问题

Question

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

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

我正在尝试使用jQuery（使用jQuery Address）来更新内容，而无需使用相同的 section标记从其他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

而不是.load()使用$.get()和.replaceWith()的组合。

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

使用

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