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