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

看看这个页面提示：http://www.w3schools.com/jquery/eff_animate.asp 下的参数风格，描述

提示颜色动画不包括在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; } 

JS：

clickHandler: function() { 

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

}, 

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