Почему этот фон не оживляет?

Question

У меня есть простой вызов с фоном без анимации.

Я использовал этот код раньше, поэтому немного почесал голову.

Код:

html (повторяющийся фон, который я вижу).

<div id="working_wrap"></div>​

JQuery:

$('#working_wrap').animate({backgroundPosition: '30px 0px'}, 5000);​

Я создал jsfiddle для простой задачи . Фон должен сразу начать анимацию.

Чего мне сейчас не хватает в туманном мозгу?

Answer 1

Проверьте пример ниже.Установите фон в явном виде, а также для Firefox 2 вам нужно установить начальную позицию фона

http://jsfiddle.net/w43LJ/4/

Answer 2

попробуйте

$('#working_wrap').animate({backgroundPosition: 30},5000);

0px бесполезен (EDIT: в вашем случае) и не поддерживается animate. Из документа Jquery

Все анимированные свойства должны быть анимированы в одно числовое значение

Answer 3

Вы должны удалить px после 0, я думаю.

Итак, $('#working_wrap').animate({backgroundPosition: '30px 0'},5000);​. Это переместит фон через 5 секунд на 30 пикселей влево.

Answer 4

background-position анимация не поддерживается по умолчанию.Включите плагин jQuery с именем jquery.backgroundPosition.js, чтобы он работал:

http://www.protofunc.com/scripts/jquery/backgroundPosition/