Jak mogę używać delay () z show () i hide () w Jquery

Odpowiedzi:

166

Przekaż okres do show()i hide():

Gdy podano czas trwania, .show()staje się metodą animacji.

Na przykład element.delay(1000).show(0)

PRÓBNY

Felix Kling
źródło
3

Najłatwiej jest zrobić „fałszywy program” przy użyciu jquery.

element.delay(1000).fadeIn(0); // This will work
Luciano Damiano
źródło
2

Dlaczego nie spróbujesz fadeIn () zamiast używać show () z delay (). Myślę, że to, co próbujesz zrobić, można z tym zrobić. Oto kod jQuery dla fadeIn i FadeOut (), który również ma wbudowaną metodę opóźniania procesu.

$(document).ready(function(){
   $('element').click(function(){
      //effects take place in 3000ms
      $('element_to_hide').fadeOut(3000);
      $('element_to_show').fadeIn(3000);
   });
}
abhinav1602
źródło
fadeIn i pokazywanie czegoś z opóźnieniem to dwie zupełnie różne rzeczy
lcjury
1

z jQuery api

Dodana do jQuery w wersji 1.4 .delay()metoda pozwala nam opóźnić wykonanie funkcji, które następują po niej w kolejce. Może być używany ze standardową kolejką efektów lub z kolejką niestandardową. Tylko kolejne zdarzenia w kolejce są opóźnione; na przykład nie opóźni to form bez argumentów .show()lub .hide()które nie używają kolejki efektów.

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

Shakti Singh
źródło