Question

我正在使用ajax添加一些元素。对于此示例，我正在添加用户注释。当用户发表新评论时，他的评论首先查看并且（这是问题）我想添加新的背景动画第一个评论div。但我知道我们不能用Jquery制作动画颜色。我可以使用JqueryUI高亮效果。但我不能选择新添加的元素。当然在这里使用delegate（）或on（）..但我的所有尝试都失败了。

我需要帮助。

一些代码示例;

$("#DoCommentBtn").click(function(){
        var UserID      = 1,
            LookID      = 2,
            Comment     = $("#CommentInput").val(),
            CommentType = 0,
            PostData    = "USERID=" + UserID + "&LOOKID=" + LookID + "&Comment=" + encodeURI(Comment) + "&CommentType=" + CommentType;
            $("#CmAnm").fadeIn();
            $.ajax({
                type:'POST',
                url:'ajax.asp?cmd=docomment',
                dataType:'html',
                data:PostData,
                success:function(cevap) {
                    $("#CmAnm").fadeOut();
                    $("#CommentsArea").load("ajax.asp?cmd=LoadComments&LOOKID=" + LookID + "&PART=0");
                    //Now all comments loaded Here I must animate background first div in #CommentsArea Animation Example: Background color blue to white..  
                }
            });
    });

Answer 1

但我知道我们不能用Jquery
制作颜色

我不是jquery专家，但我确信这是可能的。

这是你正在寻找的吗？

$( "#CommentsArea div:first-child" ).animate({ backgroundColor: "#fff"}, 1000);

应在1秒内将背景设为白色 #FFF （1000ms）

文档：jQuery .animate() - jQuery UI .animate()

编辑：

将背景更改为 backgroundColor

Answer 2

动画属性和值

除非如下所述，否则应将所有动画属性设置为单个数值。大多数非数字属性无法使用基本jQuery功能进行动画处理

（例如，除非使用jQuery.Color插件，否则宽度，高度或左边都可以设置动画但背景颜色不能）

文档：JQuery animate()

那我现在该怎么办？

我正在添加此库;

Jquery.Color

现在jsfiddle示例工作。

示例代码：

$(".justDiv").animate({ backgroundColor: "#ffffff",width:105 }, 1000);

如何动画背景颜色动态添加元素？

2 个答案: