jQuery 颜色闪烁动画

Question

我正在尝试实现彩色闪烁动画，它会动画但颜色不会 return 到原始状态，这是我的代码：

$('div').click(function() {
  $(this).css('background-color', '#ffffff').animate({
    'background-color': '#EFB15E'
  }, function() {
    $(this).animate('background-color', '#ffffff');
  });
});

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://rawgit.com/jquery/jquery-color/master/jquery.color.js"></script>
<div>Some Text</div>

Answer 1

您的回调有误：

$(this).animate('background-color', '#ffffff');

必须是：

$(this).animate({'background-color': '#ffffff'});

.animate() 期望一个对象作为第一个参数。

旁注：您的插件 jQuery-Color 包含在 jQuery UI 库中，请参阅 here

Demo