如何使用jquery刷新div，而不重复

Question

我正在使用此代码每10秒刷新一次div：

<script type="text/javascript">
setInterval(function(){
        $('#feed').load('forum.php #feed').fadeIn("slow");
}, 10000);
</script>

效果很好，除了第一次加载（10秒后）复制了这个div，所以它是一个坐在另一个上面。之后，div每10秒正确刷新一次，而不再重复。

任何想法我的代码有什么问题？ div是：

<div id="feed">... stuff ... </div>

谢谢！

Answer 1

来自jQuery docs：

  

执行此方法时，它会检索ajax / test.html的内容，   但随后jQuery解析返回的文档以查找元素   容器的ID。 插入此元素及其内容   到具有结果ID 的元素，以及检索到的其余部分   文件被丢弃。

所以你要多次在页面中插入相同的元素。

尝试将选择器更改为

$('#feed').load('forum.php #feed>*').fadeIn("slow");

Answer 2

这是vBulletin的侧边栏代码的一个问题 - 我扩展了刷新div以包含整个侧边栏，而不仅仅是“最近的帖子”块。只想在这里发布一个人不太可能有完全相同问题的机会。

谢谢大家的帮助！