web-dev-qa-db-ja.com

JQueryでshow（）およびhide（）でdelay（）を使用するにはどうすればよいですか

Jqueryでdelay()とshow()およびhide()を使用するにはどうすればよいですか？

javascriptjqueryhidedelayshow
67
faressoft

durationをshow()およびhide()に渡します。

期間が指定されると、.show()はアニメーションメソッドになります。

例えば。 element.delay(1000).show(0)

[〜＃〜] demo [〜＃〜]

155
Felix Kling

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);
   });
}
2
Abhinav1602

jquery apiから

バージョン1.4でjQueryに追加された.delay()メソッドにより、キュー内でそれに続く関数の実行を遅らせることができます。標準のエフェクトキューまたはカスタムキューで使用できます。キュー内の後続のイベントのみが遅延します。たとえば、これは、エフェクトキューを使用しない.show()または.hide()の引数なし形式を遅延させません。

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

1
Shakti Singh

最も簡単な方法は、jqueryを使用して「偽のショー」を作成することです。

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