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 在参数样式下，描述

TIp 核心jQuery库中不包含彩色动画。如果要为颜色设置动画，则需要从jQuery.com下载Color Animations插件

你必须下载并包含颜色动画插件才能做到这一点。这是一个链接：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

JQuery .animate（）不使用ReactJS？

2 个答案: