Почему это событие 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 Animate Docs

Вы просто не можете оживить цвета, поскольку они нечисловая , Существует плагин с именем jQuery Color, который выглядит так, как будто он может помочь, он связан с API-интерфейсом jQuery.

Answer 2

Фактически Томас Лай был прав. Он работает с пользовательским интерфейсом.

В любом случае .hover() выполняет две функции: одну для мыши, одну для мыши. Вы также можете использовать .on('mouseover') и .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.

Пожалуйста, посмотри на это link

, а также проверить это развитие new plugin команды JQuery для поддержки цвета анимации и много других хорошего питания.