Jquery에서 show () 및 hide ()와 함께 delay ()를 어떻게 사용할 수 있습니까?

어떻게 사용할 수 delay()와 show()및 hide()jQuery를에?

패스 기간을 합니다 show()및 hide():

기간이 제공 .show()되면 애니메이션 메서드가됩니다.

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

데모

가장 쉬운 방법은 jquery를 사용하여 "가짜 쇼"를 만드는 것입니다.

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

delay ()와 함께 show ()를 사용하는 대신 fadeIn () 을 시도해 보지 않겠습니까? 당신이하려는 것은 이것으로 할 수 있다고 생각합니다. 다음은 fadeIn 및 FadeOut ()에 대한 jQuery 코드이며 프로세스 지연을위한 내장 메소드도 있습니다.

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

jquery API에서

버전 1.4의 jQuery에 추가 된이 .delay()메서드를 사용하면 큐에서 그 뒤에 오는 함수의 실행을 지연시킬 수 있습니다. 표준 효과 대기열 또는 사용자 지정 대기열과 함께 사용할 수 있습니다. 대기열의 후속 이벤트 만 지연됩니다. 예를 들어이의 노 인수 양식을 지연하지 않습니다 .show()또는 .hide()이는 효과 큐를 사용하지 마십시오.

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