en utilisant jquery comment utiliser fadein, delay et ensuite fadeout issue

Question

J'ai besoin de faire quelque chose fadeIn, puis restez là pendant une seconde puis fadeOut en utilisant JQuery.

J'ai essayé cela mais il fonctionne dosent pour une raison quelconque ???

$('#' + uMessage).fadeIn("fast").fadeOut("slow"); // works 
$('#' + uMessage).fadeIn("fast").delay(1000).fadeOut("slow"); // fails 

des suggestions où je vais mal?

Merci beaucoup !!!

Answer 1

Votre deuxième approche devrait être bien fait, ce qui correspond à la documentation (http://api.jquery.com/delay/)

Une autre approche peut être d'utiliser la fonction de rappel qui est appelée lorsque le fadeIn a terminé:

$('#' + uMessage).fadeIn("fast", function() { $(this).delay(1000).fadeOut("slow"); }); 

juste deviner

Edit:

Si vous ne pouvez pas utiliser la méthode retard(), vous pouvez alors essayer celui-ci:

$('#' + uMessage).fadeIn("fast", function() { 
    c_obj = $(this); 
    window.setTimeout(function() { $(c_obj).fadeOut("slow"); }, 1000); 
}); 

Voici un exemple: http://jsfiddle.net/KwWFR/

Answer 2

Peut-être essayer l'aide d'un rappel comme spécifié dans l'API pour FadeIn fonction. Cela sera appelé une fois que le fondu est terminé.

$('#' + uMessage).fadeIn("fast", function() { 
    $(this).delay(1000).fadeOut("slow"); 
}); 

Answer 3

Je pense que le problème réside dans la version de jQuery que vous utilisez:

http://jsfiddle.net/b85hx/

Celui-ci fonctionne très bien. Passez en 1.3.2 et c'est cassé.

Answer 4

Utilisez-vous jQuery 1.4+? Le retard fonction() a été ajouté dans jQuery 1,4

http://api.jquery.com/delay/

Answer 5

retard avec fondu en fondu ne fonctionne tout simplement pas. En utilisant une combinaison avec la file d'attente après un délai et un rappel fonctionne parfois pour d'autres situations

Cela a fini par travailler pour moi:

$('#message').fadeIn(function() { 
    window.setTimeout(function() { 
    $('#message').fadeOut('slow'); 
    }, 2000); 
}); 

Answer 6

documentation officielle jQuery dit, ce deuxième param n'est pas un rappel, mais le style easing.

http://api.jquery.com/fadeIn/#fadeIn-duration-easing-complete http://api.jquery.com/fadeOut/#fadeOut-duration-easing-complete

$('#el').fadeOut(750,'swing',function(){ 
    $('#el').fadeIn(); 
}); 

Alors il suffit de déplacer votre rappel au 3 et tout param fonctionnera.