我有一个 jquery ajax 聊天框,可以在顶部添加新消息,我如何让它们与那个 jquery 动画一起滑入?
我当前的代码:
$('#chatbox').prepend(document.getElementById('new_posts').innerHTML);
我敢肯定这很简单,但我是新手。
我有一个 jquery ajax 聊天框,可以在顶部添加新消息,我如何让它们与那个 jquery 动画一起滑入?
我当前的代码:
$('#chatbox').prepend(document.getElementById('new_posts').innerHTML);
我敢肯定这很简单,但我是新手。
好吧,您可以尝试像这样添加前置文本。
var d = new Date();
$('#chatbox').prepend('<span id="' + d.getTime() + '" style="display:none">' + document.getElementById('new_posts').innerHTML + '</span>');
所以现在每条新消息都被包裹在一个带有当前时间 id 的 span 标签中,所以它是唯一的。我们也将其设置为隐藏。
所以现在我们把新的滑下来。
$('#chatbox span#' + d.getTime()).slideDown('slow');