Блог

Сегодня утром я обновился до 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?

Я отредактировал один из ваших 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);
  

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