使用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);