Анимации сломаны в JQuery 1.6! - PullRequest
5 голосов
/ 05 мая 2011

Этим утром я обновился до jQuery 1.6, и теперь многие анимации, которые я потратил так долго на тонкую настройку своего приложения, теперь терпят неудачу. Вот пример одного. Обратите внимание, как анимация 1.5 поддерживает центрирование рамки, но на анимации 1.6 что-то идет не так.

Я сузил это до некоторой степени, чтобы сделать прозрачность вовлеченной в анимацию. Если я уберу непрозрачность, она будет работать нормально ...

Пример с JQ 1.5: http://jsfiddle.net/LJZ54/3/

Пример с JQ 1.6: http://jsfiddle.net/LJZ54/4/

Пример с JQ 1.6 (без непрозрачности): http://jsfiddle.net/LJZ54/5/

Вопрос: Как мне изменить код анимации для работы в новом jQuery 1.6?

1 Ответ

5 голосов
/ 05 мая 2011

Я отредактировал один из ваших jsFiddles для работы с новыми изменениями 1.6.

Мне кажется, теперь нормально: http://jsfiddle.net/tomgrohl/RULJN/

На ваших marginLeft и marginTop я изменил значения с marginLeft:-200 на marginLeft:"-200px".

Они должны быть в кавычках, чтобы работать. То же самое для width и height.

Чтобы анимации работали, я изменил следующее:

$('div').animate({
    width:400,
    height: 400,
    marginLeft: -200,
    marginTop: -200,
    opacity:1
},500);

Кому:

$('div').animate({
    width:"400px",
    height: "400px",
    marginLeft: "-200px",
    marginTop:"-200px",
    opacity:1
},500);

Помещение измерения в кавычки заставляет анимацию работать. У меня такое чувство, что они все равно должны быть в кавычках.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...