2012-03-01 8 views

Respuesta

10

Cambio línea debajo

$('.container').delay(2000).fadeIn().$(document).callMe(); 

a

$('.container').delay(2000).fadeIn(callMe) 
+0

por su sugerencia por encima de aquí es el jsbin http://jsbin.com/ uluyim/2 – Bot

+0

@arunes ¡Gracias! ... ¿Es posible llamar a una función que estaba en un archivo js separado? p.ej. script.js [$ ('. container'). delay (2000) .fadeIn (callMe)] & external.js [funciones callMe() {...}] – Pennf0lio

+0

Sí, también es posible. Por supuesto, si agrega el archivo js que tiene la función 'callMe' para documentar con la etiqueta'

1

Todos los métodos de animación jQuery tienen devoluciones de llamada de terminación que le permiten ejecutar código después de la animación se realiza

$('.container').hide().delay(2000).fadeIn(callMe) ;; 
+0

gracias por explicarme que :) – Pennf0lio

+0

ejemplos en la API son una gran referencia http://api.jquery.com/fadeIn/ – charlietfl

0
$(function(){ 

    $('.container').hide(); 

    $('.container').delay(2000).fadeIn(callMe); 

}); 

function callMe() { 
    alert ("It works!"); 
2

En tu caso, puedes usar arunes ' s solución, utilizando la devolución de llamada de la animación. Sin embargo, si es necesario agregar un retraso entre la animación y la devolución de llamada que se ejecuta, se puede hacer eso también, como en:

$('.container').fadeIn(function() { 
    $(this).delay(2000).queue(function() { 
    alert('Custom function executed two seconds after fadeIn()!'); 
    $(this).dequeue(); 
    }); 
}); 
Cuestiones relacionadas