javascript - 如何用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>

谢谢！

score 1 · Accepted Answer

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

谢谢你们每一个人的帮助！

score 1 · Accepted Answer

当这个方法执行时，它会检索 ajax/test.html 的内容，然后 jQuery 会解析返回的文档以找到 ID 为 container 的元素。此元素及其内容被插入到 ID 为 result 的元素中，其余检索到的文档将被丢弃。

因此，您多次将相同的元素插入到页面中。

尝试将您的选择器更改为

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

2 回答 2