jquery - jQuery背景颜色动画怪异

Question

我有以下 javascript 函数，当将新文档添加到列表中时，该函数会闪烁链接的 bg 3 次。

这第一次工作正常，但随后对该函数的调用会导致闪烁变得混乱。越是被称为闪烁行为就越奇怪。

我在 IE8 和最新版本的 Chrome 中看到了相同的效果。

var highlightNew = function (control) {
    var item = $('li.new-document a.document-link', control);
    if (item.length > 0) {
        var highlightColor = '#ffa500';
        item.stop()
            .animate({ backgroundColor: highlightColor }, 'slow')
            .animate({ backgroundColor: 'transparent' }, 'slow')
            .animate({ backgroundColor: highlightColor }, 'slow')
            .animate({ backgroundColor: 'transparent' }, 'slow')
            .animate({ backgroundColor: highlightColor }, 'slow')
            .animate({ backgroundColor: 'transparent' }, 'slow');
    }
}

Answer 1

你有这个插件吗？

根据 jQuery 文档，您不能为背景颜色设置动画。jQuery 建议为此使用 jQuery.Color 插件。

jQuery 动画文档 - http://api.jquery.com/animate/

jQuery 颜色插件 - https://github.com/jquery/jquery-color