2009-01-26 17 views
7

Estoy tratando de hacer una función de desplazamiento automático/carrusel como para una lista desordenada de imágenes.jQuery .animate() Problemas

Al pasar el ratón sobre el div que contiene su llamando a una función que es trabajo es animar el margen en el <ul>

$(".thumbs").animate({"margin-top": (currentMargin - 10) + "px"}, function(){ 
    console.log("margin-top" + (currentMargin - 10) + "px"); 
    running=false; 
    }); 

que estoy viendo el valor correcto para lo que quiero en el registro es decir, la animación piensa está terminado ... pero nada está cambiando en mi div.

¿Alguien tiene alguna idea de lo que podría hacer que la función animada no funcione como se esperaba?

Gracias

Respuesta

17

tratar de usar "marginTop" en lugar de "margin-top". Normalmente, cuando utiliza los objetos CSS como "border-something" o "margin-something", es mejor usar la versión "normalizada" de los mismos, como solía hacerlo en DHTML (styles.marginTop).

Cuestiones relacionadas