jQuery dequeue() 方法概述

示例

描述:

使用 dequeue() 終止一個(gè)自定義的隊(duì)列函數(shù)

jQuery 代碼:

$("div").queue(function () {
  $(this).toggleClass("red");
  $(this).dequeue();
});

描述:

用dequeue來結(jié)束自定義隊(duì)列函數(shù)，并讓隊(duì)列繼續(xù)進(jìn)行下去。

HTML 代碼:

<style>
  div { margin:3px; width:50px; position:absolute;
        height:50px; left:10px; top:30px; 
        background-color:yellow; }
  div.red { background-color:red; }
  </style>

  <button>Start</button>
  <div></div>

jQuery 代碼:

$("button").click(function () {
      $("div").animate({left:'+=200px'}, 2000);
      $("div").animate({top:'0px'}, 600);
      $("div").queue(function () {
          $(this).toggleClass("red");
          $(this).dequeue();
      });
      $("div").animate({left:'10px', top:'30px'}, 700);
  });