JQuery .animate()不使用ReactJS？

Question

当用户使用jQuery .animate()单击一个单元格时，我试图突出显示它。

clickHandler: function() {

var cell = React.findDOMNode(this.refs.cell);

// $(cell).css("background-color", "blue"); // THIS WORK


$(cell).animate({

  backgroundColor: "blue"

}, 1000); // THIS DOESN'T WORK

},

我也在使用React.addons.CSSTransitionGroup。也许jQuery .animate和它之间有冲突。

谢谢你的帮助。

Answer 1

查看此页面tipanimate.asp中的参数样式，描述

TIp彩色动画不包含在核心jQuery库中。如果您想要动画颜色，您需要从jQuery.com下载彩色动画插件

为了做到这一点，你必须下载并包含彩色动画插件。这里有一个链接：http://plugins.jquery.com/color/供下载。

Answer 2

如果不需要对IE9的支持，所有其他浏览器都支持转换。

CSS：

.my-color-element { background-color: blue; transition: background-color .4s linear }
.my-color-element.transition { background-color: red; }

联署材料：

clickHandler: function() {

  var cell = React.findDOMNode(this.refs.cell);
  $(cell).addClass('transition');

},

http://caniuse.com/#search=transition