2013-12-03 4 views
2

Я имею й следующий сценарийJQuery - цвет фона исчезать анимация не работает

$("button#submit").click(function() { 
$("tr[data-id='" + lastRefId + "']").css("background-color", "#8aabf0"); 
$("tr[data-id='" + lastRefId + "']").animate({ backgroundColor: "white"}, 'slow'); 
}); 

Это простой скрипт, который должен изменить backgrund к цвету выше и чем изменить его обратно в предыдущий цвет (белый). Первая линия работает, а вторая - нет.

Почему и как его исправить?

+1

Из [док] (http://api.jquery.com/animate/#animation-properties): Так, например, ширина, высота, или влево, можно анимировать * * но фоновый цвет не может быть **, если не используется плагин jQuery.Color()) – Andreas

+0

, или если вы уже используете jQuery UI, не нужно добавлять jQuery.color() плагин –

+0

возможный дубликат [JQuery background animate] (http://stackoverflow.com/questions/4701156/jquery-background-animate) – undefined

ответ

2

JQuery не поддерживает цвет фона в методе анимации ... сам по себе
Вы должны загрузить JQuery-Color.js из jQuery site и добавить его после того, как исходный код JQuery, то вы можете использовать анимацию () с цветом фона
Первая строка работает, потому что вы использовали метод CSS и фоновый цвет как свойство CSS, не имеют никаких проблем, во второй строке вы использовали анимацию ...
, и вам нужно написать свойства css как аргумент анимации в верблюжьем футляре;
, например background-color, должны быть backgroundColor

Смежные вопросы