Question

我试图在背景最初为rgba(0,0,0,0) =＆gt;的div上获得闪烁效果originalColor并将其闪烁为rgba(237,155,0,1) =＆gt; noticeFlashColor。要做到这一点，我正在使用：

var noticeFlashEffect = function (applyTo, originalColor) {
    return setInterval(function () {
        $(applyTo).animate(
            { 'background-color': noticeFlashColor },
            flashTime,
            function () {
                $(applyTo).animate({ 'background-color': originalColor }, flashTime);
            }
        );
    }, (2 * flashTime));
};

但是，每次尝试这样做时都会出现此错误：

未捕获的TypeError：无法读取属性＆＃39; 0＆＃39;未定义的

从jQuery-ui中的这一行：

fx.elem.style[attr] = 'rgb(' +
        Math.max(Math.min(parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0], 10), 255), 0) + ',' +
        Math.max(Math.min(parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1], 10), 255), 0) + ',' +
        Math.max(Math.min(parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2], 10), 255), 0) + ')';

但更奇怪的是，在调试器中检查后，上述变量似乎都没有。

编辑：进一步澄清：我正在使用jquery-ui.1.8.4，动画效果似乎在动画到noticeFlashColor时有效，但在返回时却没有。

Answer 1

看起来这只是jQuery ui 1.8.4中的一个问题。我升级到1.10，看起来工作正常。

jQuery动画，不透明度不起作用

1 个答案: