jquery の遅延実行の概要 example_jquery-jsチュートリアル-php.cn

jquery の遅延実行の概要 example_jquery

WBOY

リリース： 2016-05-16 17:24:48

オリジナル

1196 人が閲覧しました

コードをコピーコードは次のとおりです:

 
$(function(){ 
var $inputs = $( 'input[type=button]') 
.lay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.lay (1500) 
.queue(function(){$(this).show();}) 
}); 

上記のコードはページ 500 にボタンを作成しますページが読み込まれてからミリ秒後に非表示になり、1500 ミリ秒後に表示されます。

コードをコピーコードは次のとおりです。

 
$(function(){ 
 var $inputs = $('input[type=button]') 
.lay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.遅延 (1500) 
.show(1) 
//.queue(function(){$(this).show();}); 

 

上記のコードは、前のコードと同じ効果があります。

コードをコピーコードは次のとおりです。

$(function(){ 
 var $inputs = $('input[type=button]') 
.lay(500) 
.queue(function(){$(this).hide();}) 
.lay( 1500) 
.show(1); 

 //.queue(function(){$(this).show();});上記と同じコード コード 2 と比較すると、キュー内のコードはキューの実行が完了した後もアニメーション キューの実行が継続されていることがわかります。も停止され、実行を続行するにはデキューを呼び出す必要があります (ここでキュー内の Hide() はアニメーションではないため、現在のオブジェクトのアニメーションがキュー内で実行されると問題が発生します)。 

コードをコピー

コードは次のとおりです。 $(function(){ var $inputs = $('input[type=button]')

.lay(500)

.queue(function(){$(this).hide().dequeue();}) 
.delay (1500) 
.show(); 
//.show(1) 
}); 

 
上記のコードは非表示になるだけであり、また表示されました！ ！ここで show はアニメーションの長さを指定しなくなったので、show メソッドはアニメーションではなくなりました。デキューはアニメーション キュー内の後続のメソッドを実行させることしかできず、非アニメーション キュー内の jquery メソッドを実行し続けることはできないことがわかります。