Jqueryでdelay()
とshow()
およびhide()
を使用するにはどうすればよいですか?
durationをshow()
およびhide()
に渡します。
期間が指定されると、
.show()
はアニメーションメソッドになります。
例えば。 element.delay(1000).show(0)
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()
の引数なし形式を遅延させません。
最も簡単な方法は、jqueryを使用して「偽のショー」を作成することです。
element.delay(1000).fadeIn(0); // This will work