如何刷新使用jQuery的div，而不要重复

Question

我使用这个代码刷新一个div每10秒：

<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来涵盖整个侧边栏，而不仅仅是“最近的帖子”块。只是想在这里发布一个不太可能的机会，任何人都有完全相同的问题。

谢谢大家的帮助！