Вставьте предварительно добавленный текст jQuery

Question

У меня есть окно чата jquery ajax, в которое добавляются новые сообщения, как мне их вставить с помощью этой анимации jquery?

Мой текущий код:

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

IЯ уверен, что это просто, но я новичок в этом.

Answer 1

Ну, вы можете попытаться добавить предварительно добавленный текст следующим образом.

var d = new Date();
$('#chatbox').prepend('<span id="' + d.getTime() + '" style="display:none">' + document.getElementById('new_posts').innerHTML + '</span>');

Так что теперь каждое новое сообщение заключено в тег span с идентификатором текущего времени, поэтому оно уникально. Мы также установили его скрытым.

Итак, теперь мы сдвигаем новый вниз.

$('#chatbox span#' + d.getTime()).slideDown('slow');