Как я могу использовать delay () с show () и hide () в Jquery

как я могу использовать delay() с show() и hide() в Jquery ?

4 ответов


передать продолжительность to show() и hide():

когда продолжительность обеспечена,.show() становится методом анимации.

Е. Г. element.delay(1000).show(0)

демо


из jQuery api

добавлено в jQuery в версии 1.4,.delay() метод позволяет задержать выполнение функций, которые следуют за ним в очереди. Его можно использовать со стандартной очередью эффектов или с пользовательской очередью. Только последующие события в очереди задерживаются; например, это не будет задерживать формы без аргументов .show() или .hide() которые не используют очередь эффектов.

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


почему бы вам не попробовать fadeIn() вместо использования show () с задержкой (). Я думаю, то, что вы пытаетесь сделать, можно сделать с этим. Вот код jQuery для fadeIn и FadeOut (), который также имеет встроенный метод для задержки процесса.

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

самый простой способ-сделать "поддельное шоу" с помощью jquery.

element.delay(1000).fadeIn(0); // This will work