dequeueメソッド

メソッド dequeue は、関数キューから次の関数を実行することを可能にします。メソッドが呼び出されると、関数がキューから削除され、その後実行されます。関数チェーンがさらに実行を続けるためには、関数がこのメソッドを呼び出す必要があります。要素に関連付けられた関数キューを操作できるメソッド queue も参照してください。

構文

以下のようにして、キュー内の次の関数の実行を続行できます。オプションのパラメータとして文字列でキューの名前を渡すことができます。パラメータを何も渡さない場合、メソッドは fx キューを操作します：

javascript.dequeue([キュー名]);

例

この例では、メソッド queue を使用して、クラス newcolor を追加することで四角形を緑色に再描画するカスタム関数を追加します。ご覧の通り、その後、関数をキューから削除し、次の関数を実行可能にするために dequeue が呼び出されています：

html<button id="animate">スタート</button>
<div></div>

cssdiv {
  position: absolute;
  margin: 3px;
  width: 50px;
  height: 50px;
  left: 0px;
  top: 30px;
  background: red;
  display: none;
}

div.newcolor {
  background: green;
}

javascript$('#animate').click(function() {
  $('div')
    .show('slow')
    .animate({left: '+=200'}, 2000)
    .queue(function() {
      $(this).addClass('newcolor').dequeue();
    })
    .animate({left: '-=200'}, 500)
    .queue(function() {
      $(this).removeClass('newcolor').dequeue();
    })
    .slideUp();
});

関連項目