jquery - 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

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

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

采用

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