我有一个id="allPosts"
的div,显示了15个帖子。
我设置了一个ajax请求来检查Twitter等新帖子
$.ajax({
type:"POST",
url:"http://site.com/ajax/loadnew.php",
cache:false,
success:function(html){
$('#allPosts').before(html);
}
});
在loadnew.php中我制作了两个div:
<div id="box">2 new posts</div>
<div id"loadNew" style="display:none;">
{The body of the post}
{The body of the post}
{The body of the post}
{The body of the post}
</div>
单击#box
时将简单的javascript更改为#loadNew
显示样式以阻止。
如果我使用prepend
,则会在#allPosts
中的第一个子项之前插入来自loadnew.php的数据,但问题是我有一个表单允许用户在同一页面,如果我使用prepend
新帖子位于div #box
之前,且div必须位于顶部,这是我之前使用的原因,但#box
是点击了#loadNew
加载到div之前的帖子而不是它。我不知道该怎么做,任何人都有任何想法吗?
/注意:在ajax请求中没有最后帖子的数据,因为既然没有准备好我只在loadnew.php中没有数据库con我这样做我有简单的while循环显示4个帖子:)