ホームページ > ウェブフロントエンド > jsチュートリアル > jquery の遅延実行の概要 example_jquery

jquery の遅延実行の概要 example_jquery

WBOY
リリース: 2016-05-16 17:24:48
オリジナル
1264 人が閲覧しました
コードをコピー コードは次のとおりです:

$(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 メソッドを実行し続けることはできないことがわかります。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート