插入前置文字jQuery

Question

我有一個jquery ajax聊天框，它在頂部添加了新消息，我如何將它們與該jquery動畫一起滑動？

我當前的代碼：

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

我敢肯定這很簡單，但我是新手。

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