簡體   English   中英

jQuery不透明的動畫無法正常工作

[英]jQuery animate with opacity not working

我試圖在背景最初是rgba(0,0,0,0) => originalColor的div上獲得閃爍效果,並使其閃爍到rgba(237,155,0,1) => 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:無法讀取未定義的屬性“ 0”

從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但不返回時。

看來這只是jQuery ui 1.8.4中的問題。 我升級到1.10,它似乎可以正常工作。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM