jQuery animado, no anima

Question

Estoy usando la función animate() para cambiar la posición de fondo de un botón al pasar el mouse, el problema es que en lugar de 'animar' solo espera la duración (500) y se mueve a la nueva posición de fondo, sin una transición suave.

$('.confirm').hover(function() { 
    $(this).animate({backgroundPosition: '0, -40px'}); 
}, function() { 
    $(this).animate({backgroundPosition: '0, 0'}); 
}); 

Esa es la JS que estoy usando. ¿Alguna idea de por qué no está haciendo una transición sin problemas? Está actuando como un tiempo de espera. Tengo jQuery y UI definidos.

Gracias!

Answer 1

No se puede animar de forma nativa una posición de fondo. las propiedades de animación esperar que un solo valor, como opacity:1, left:'50px', etc.

Este plugin debe añadir la funcionalidad que necesita: http://www.protofunc.com/scripts/jquery/backgroundPosition/

Answer 2

trate de tomar la sección de animación de la devolución de llamada. Y llamarlo de forma asíncrona, pero con un .delay (500) antes.

Answer 3

Bueno, no pude lograr que funcione sin un complemento, pero la buena noticia es que hay uno. Usted podría intentar http://www.protofunc.com/scripts/jquery/backgroundPosition/

editar .... ratas ... lo siento ... acabo de ver que ya fue publicada XD