Wie kann ich delay() mit show() und hide() in Jquery verwenden

Question

Wie kann ich delay() mit show() und hide() in Jquery verwenden?

Answer 1

Pass eine Dauer zu show() und hide():

Wenn eine Zeitdauer vorgesehen ist, .show() wird ein Animationsverfahren.

z. element.delay(1000).show(0)

DEMO

Answer 2

von jquery api

hinzugefügt jQuery in der Version 1.4, die .delay() Methode ermöglicht es uns, die Ausführung von Funktionen zu verzögern, dass sie in der Warteschlange folgen. Es kann mit der Standard-Effektwarteschlange oder mit einer benutzerdefinierten Warteschlange verwendet werden. Nur nachfolgende Ereignisse in einer Warteschlange werden verzögert. Dies verzögert z. B. nicht die Argumente ohne Argumente von .show() oder .hide(), die die Effektwarteschlange nicht verwenden.

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

Answer 3

Warum Sie den fadeIn() stattdessen eine Show der Verwendung von() mit Verzögerung nicht versuchen(). Ich denke, was du versuchst zu tun, kann damit gemacht werden. Hier ist der jQuery-Code für fadeIn und FadeOut(), der ebenfalls eine Methode zur Verzögerung des Prozesses enthält.

$(document).ready(function(){ 
    $('element').click(function(){ 
     //effects take place in 3000ms 
     $('element_to_hide').fadeOut(3000); 
     $('element_to_show').fadeIn(3000); 
    }); 
}