使用jQuery突出显示新添加的项目

Question

当用户将新评论（divCommentHtml）添加到评论列表（divComments）时，我想突出显示它几秒钟并使其消失。 你怎么用jquery做到这一点？ 这似乎不起作用：

 $('#divComments').prepend($divCommentHtml).effect("highlight", {}, 2000);  

谢谢！

Answer 1

使用prepend ，您可以在#divComments元素上运行UI效果。

试试这个（假设$divCommentHtml是一个jQuery对象）

$divCommentHtml.prependTo('#divComments').effect('highlight', {}, 2000);

也许

$('#divComments').prepend($divCommentHtml)
                 .find(':first').effect('highlight', {}, 2000);

Answer 2

jQuery没有开箱即用的effect() 。 更新哦，这是一个jQuery UI。 继续 ：）

$divCommentHtml.prepentTo('#divComments').effect("highlight", {}, 2000);

我更改了它的工作方式，以便在实际的$divCommentHtml对象上运行您的方法。

Answer 3

另一种选择是给$ divCommentHtml一个ID，然后在预先添加效果后运行效果

$divCommentHtml = '<div id="myID">Some Contents</div>'
$('#divComments').prepend($divCommentHtml);    
$( "#myID" ).effect( 'highlight', {}, 2000);

Answer 4

您在divCommentHtml周围缺少括号。 查看Live demo

$('#divComments').prepend($(divCommentHtml)).effect("highlight", {}, 2000);