función de devolución de llamada animada (completa) ejecutada al inicio?

Question

estoy usando jQuery 1.5.1 Esta es mi código:

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: alert('start ani'), 
    duration: 5000, 
    complete: alert('end ani')}); 

consigo ambas alertas antes de que comience la animación !? Quiero que la función completa comience después de que la animación haya terminado. ¿Alguna idea?

Answer 1

Necesita pasar una función para llamar. En cambio, estás llamando a la función.

complete: function() { alert('end ani'); } 

Answer 2

Debe completar una función para completar.

Prueba esto:

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: alert('start ani'), 
    duration: 5000, 
    complete: function() { alert('end ani') } 
}); 

Desde completa espera una función, se ejecuta el código se pasa a ella para obtener un objeto función que se puede llamar de nuevo a cuando haya terminado.

Answer 3

ellos declaran en una función primera, de lo contrario el método se llama al instante:

var onComplete = function() { 
    alert('end ani'); 
}; 

luego llamar a ellos sin el()

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: 'slow', 
    duration: 5000, 
    complete: onComplete //<-- function is passed as a variable, not called directly 
}); 

o envolverlos directamente en una función (menos legible y más lento cuando se llama a esto mucho):

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: 'slow', 
    duration: 5000, 
    complete: function() { 
     alert('end ani'); 
    } 
}); 

Answer 4

Veo dos cosas mal con esto.

Uno, easing debería ser:

A string indicating which easing function to use for the transition

Y complete debería ser una función.

http://api.jquery.com/animate

alert('start ani'); 
$('.cellcontent').animate({ 
    left: '-=190' 
    }, 
    { 
    easing: 'swing', 
    duration: 5000, 
    complete: function(){ 
     alert('end ani'); 
    } 
}); 

Answer 5

$('.cellcontent').animate({ 
    left: '-=190', 
    easing: 'slow', 
    duration: 5000, 
    function() { 
    alert('end ani'); 
    } 
}); 

Answer 6

No creo que necesita "completa"?

slideToggle(
 
\t \t \t \t \t "fast","swing", function(){ 
 
\t \t \t \t \t \t \t // your code here 
 
\t \t \t \t \t \t } 
 
\t \t \t \t);

Answer 7

La mejor solución es la siguiente.

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: alert('start ani') 
}, duration).promise().done(function() { 
    alert('end animation'); 
}); 

Answer 8

del jquery docs:

$("#clickme").click(function() { 
    $("#book").animate({ 
    opacity: 0.25, 
    left: "+=50", 
    height: "toggle" 
    }, 5000, function() { 
    // Animation complete. 
    }); 
});