jQuery 颜色动画下降到 "white"

Question

在"red"和"orange"之间和"green"和"lightblue"之间两个方向都有"gaps"（切换到白色）

你能解释一下，为什么会这样吗？

    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/

Answer 1

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

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

Updated Fiddle