jquery - 为什么这个 jquery 事件没有被触发？

Question

为什么jquery动画不起作用，而更简单的内联样式却触发了onmouseout？

http://jsfiddle.net/FZLnE/1/

function bigImg(x){

  jQuery(x).stop().animate({
      color: "#fff"
  }, 200);

}

function normalImg(x)
{
    x.style.color="green";
}

Answer 1

所有动画属性都应动画为单个数值

来自jQuery 动画文档

您根本无法为颜色设置动画，因为它们是非数字的。有一个名为 jQuery Color 的插件看起来可能会有所帮助，它链接到 jQuery animate API 页面

Answer 2

事实上，Thomas Lai 是对的。它适用于 UI 检查。

在任何情况下.hover()都需要两个功能 - 一个用于鼠标悬停，一个用于鼠标悬停。你也可以使用.on('mouseover')and .on('mouseout')。

http://jsfiddle.net/popnoodles/FZLnE/8/

<div class="one">This is a link</div>

jq

$('.one').hover(function(){
  jQuery(this).stop().animate({
      color: "#fff",
      marginLeft:50
  }, 200);  
}, function(){
    this.style.color="green";
})

Answer 3

你不能color简单地使用 jQuery 来制作动画。您需要使用 jquery UI 来执行此操作。

请看一下这个链接

并查看 jQuery 团队开发的新插件，以支持彩色动画和许多其他好东西。