滑入前置文本jQuery

时间:2011-01-20 16:45:58

标签: jquery jquery-animate prepend

我有一个jquery ajax聊天框,它将新消息添加到顶部,我如何使用该jquery动画将它们滑入?

我目前的代码:

$('#chatbox').prepend(document.getElementById('new_posts').innerHTML);

我确信这很简单,但我是新手。

1 个答案:

答案 0 :(得分:1)

好吧,你可以尝试像这样添加前置文本。

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');