jQuery 颜色动画下降到“白色”

【问题标题】：jQuery color animate falls to "white"jQuery 颜色动画下降到“白色”
【发布时间】：2023-03-21 01:02:02
【问题描述】：

“红色”和“橙色”之间以及“绿色”和“浅蓝色”之间在两个方向上都有“间隙”（切换为白色）。

你能解释一下，为什么会出现吗？

    var colors = ["red", "orange", "yellow", "green", "lightblue", "blue", "purple"];
    var pos = 0;

    switchColor();

function switchColor() {
    $("#sample").animate({color: colors[pos]}, 4000);
    pos++;
    if(colors.length == pos) {
        pos = 0;
        colors.reverse();
    }
    window.setTimeout(function() { switchColor(); }, 1500)
}

https://jsfiddle.net/dw1m021y/1/

【问题讨论】：

标签： javascript jquery css jquery-ui jquery-animate

【解决方案1】：

看起来对animate 的调用无法识别orange 或lightblue，因为如果我将这些值替换为它们的十六进制等效值（#ffa500 用于orange 和#ADD8E6 用于lightblue)。

如果使用十六进制值的解决方法不适合您的需要，最好使用 jQuery bug tracker 报告问题。

Updated Fiddle

【讨论】：

非常感谢！ :) 你是对的，这是一个非常有趣的问题，我会报告的。