복붙노트

[JQUERY] jQuery에서 show ()와 숨기기 ()를 사용하여 지연 ()을 어떻게 사용할 수 있습니까?

JQUERY

jQuery에서 show ()와 숨기기 ()를 사용하여 지연 ()을 어떻게 사용할 수 있습니까?

해결법


  1. 1.show () 및 hide ()를 표시하는 기간을 전달하십시오.

    show () 및 hide ()를 표시하는 기간을 전달하십시오.

    예를 들어, element.delay (1000) .show (0)

    데모


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

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

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

  3. 3.지연 ()을 사용하여 show ()를 사용하는 대신 fadein ()을 시도하지 않는 이유는 무엇입니까? 나는 당신이하려는 것이 이것으로 할 수 있다고 생각합니다. 다음은 프로세스를 지연하기위한 inbuilt 메소드를 갖는 Fadein 및 Fadeout ()에 대한 jQuery 코드입니다.

    지연 ()을 사용하여 show ()를 사용하는 대신 fadein ()을 시도하지 않는 이유는 무엇입니까? 나는 당신이하려는 것이 이것으로 할 수 있다고 생각합니다. 다음은 프로세스를 지연하기위한 inbuilt 메소드를 갖는 Fadein 및 Fadeout ()에 대한 jQuery 코드입니다.

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

  4. 4.jQuery API에서

    jQuery API에서

    버전 1.4에서 jQuery에 추가 된 .delay () 메서드를 사용하면 대기열에서 수행하는 기능 실행을 지연시킬 수 있습니다. 표준 효과 대기열이나 사용자 정의 대기열과 함께 사용할 수 있습니다. 대기열의 후속 이벤트 만 지연됩니다. 예를 들어, 이는 효과 대기열을 사용하지 않는 ush () 또는 .hide ()의 no-arguments 형식을 지연시키지 않습니다.

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

  5. from https://stackoverflow.com/questions/4508644/how-can-i-use-delay-with-show-and-hide-in-jquery by cc-by-sa and MIT license