jQuery彩色动画插件不适用于FF答案

【问题标题】：jQuery color animation plugin not working on FFjQuery彩色动画插件不适用于FF
【发布时间】：2012-01-14 16:11:46
【问题描述】：

我正在使用以下 jQuery Color 插件：

/*
 Color animation jQuery-plugin
 http://www.bitstorm.org/jquery/color-animation/
 Copyright 2011 Edwin Martin <edwin@bitstorm.org>
 Released under the MIT and GPL licenses.
*/
(function(d){function i(){var b=d("script:first"),a=b.css("color"),c=false;if(/^rgba/.test(a))c=true;else try{c=a!=b.css("color","rgba(0, 0, 0, 0.5)").css("color");b.css("color",a)}catch(e){}return c}function g(b,a,c){var e="rgb"+(d.support.rgba?"a":"")+"("+parseInt(b[0]+c*(a[0]-b[0]),10)+","+parseInt(b[1]+c*(a[1]-b[1]),10)+","+parseInt(b[2]+c*(a[2]-b[2]),10);if(d.support.rgba)e+=","+(b&&a?parseFloat(b[3]+c*(a[3]-b[3])):1);e+=")";return e}function f(b){var a,c;if(a=/#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})/.exec(b))c=
[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16),1];else if(a=/#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])/.exec(b))c=[parseInt(a[1],16)*17,parseInt(a[2],16)*17,parseInt(a[3],16)*17,1];else if(a=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(b))c=[parseInt(a[1]),parseInt(a[2]),parseInt(a[3]),1];else if(a=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9\.]*)\s*\)/.exec(b))c=[parseInt(a[1],10),parseInt(a[2],10),parseInt(a[3],10),parseFloat(a[4])];return c}
d.extend(true,d,{support:{rgba:i()}});var h=["color","backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","outlineColor"];d.each(h,function(b,a){d.fx.step[a]=function(c){if(!c.init){c.a=f(d(c.elem).css(a));c.end=f(c.end);c.init=true}c.elem.style[a]=g(c.a,c.end,c.pos)}});d.fx.step.borderColor=function(b){if(!b.init)b.end=f(b.end);var a=h.slice(2,6);d.each(a,function(c,e){b.init||(b[e]={a:f(d(b.elem).css(e))});b.elem.style[e]=g(b[e].a,b.end,b.pos)});b.init=true}})(jQuery);

当我尝试使用此代码为 div 设置动画时：

$(".container").prepend(data.latest).find(".item_row:first").hide().slideDown().animate({backgroundColor: '#fff9a5'}).animate({backgroundColor: '#ffffff'});

它在 Firebug 中抛出此错误：

b is undefined

我什至尝试使用未打包的版本，甚至使用 google 闭包编译应用程序编译它，但没有成功。

【问题讨论】：

提供更多信息（例如您的 HTML）会很有帮助。此外，在像 JSFiddle 这样的网站上重现问题也会有很长的路要走。
问题是它适用于 jsfiddle(jsfiddle.net/24g9h/5) 但它不适用于我的应用程序......将检查导致它不起作用的原因..

标签： jquery plugins colors

【解决方案1】：

应使用此 jQuery 颜色插件进行动画处理的元素必须在动画开始之前具有背景色，例如用css设置：

.item_row { 
    background-color: #000000; 
}

另见example。

【讨论】：