¡Animaciones rotas en jQuery 1.6!

Question

Me actualicé a jQuery 1.6 esta mañana y ahora muchas de las animaciones que pasé tanto tiempo sintonizando mi aplicación ahora están fallando. Aquí hay un ejemplo de uno. Observe cómo la animación 1.5 mantiene centrada la casilla, pero en la animación 1.6 algo falla.

Lo he reducido a algo relacionado con la opacidad involucrada en la animación. Si quito la opacidad que funciona bien ...

Ejemplo con JQ 1.5:http://jsfiddle.net/LJZ54/3/

Ejemplo con JQ 1.6:http://jsfiddle.net/LJZ54/4/

Ejemplo con JQ 1.6 (sin opacidad):http://jsfiddle.net/LJZ54/5/

Pregunta: ¿Cómo debo modificar mi código de animación para que funcione en el nuevo jQuery 1.6?

Answer 1

He editado uno de tus jsFiddles para que funcione con los nuevos cambios de 1.6.

parece que está bien para mí ahora: http://jsfiddle.net/tomgrohl/RULJN/

En su marginLeft y marginTop me cambiaron los valores del marginLeft:-200 a marginLeft:"-200px".

Deben estar entre comillas para funcionar. Lo mismo para width y height.

Para hacer las animaciones funcionan He cambiado la siguiente:

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

Para:

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

Poner la dimensión entre comillas hace que el trabajo de animación. Tengo la sensación de que deberían haber estado entre comillas de todos modos.