jQuery 数据 - queue() 方法

jQuery ƙwararrin kanan dukiya

实例

显示队列的长度：

function showIt() {
  var n = div.queue("fx");
  $("span").text( n.length );      
  setTimeout(showIt, 100);
}

Jiyar tafiya shi

定义和用法

queue() 方法显示或操作在匹配元素上执行的函数队列。

语法

.queue(queueName)
参数 描述
queueName 可选。字符串值，包含序列的名称。默认是 fx, 标准的效果序列。

操作队列

queue() 方法操作在匹配元素上执行的函数队列。

语法

.queue(queueName,newQueue)
参数 描述
queueName 可选。字符串值，包含序列的名称。默认是 fx, 标准的效果序列。

详细说明

每个元素均可拥有一到多个由 jQuery 添加的函数队列。在大多数应用程序中，只使用一个队列（名为 fx）。队列运行在元素上异步地调用动作序列，而不会终止程序执行。典型例子时调用元素上的多个动画方法。例如：

$("#foo").slideUp().fadeIn();

Idan a hanyar yau na, ƙarar ƙanam yau zai baya ƙarar ƙanam fx kanan dukiya, kuma za a kai kai yin kai bayan yin kai na ƙarar ƙanam.

Ananin .queue() kanan dukiya a kai tsaya a kai yin kanan dukiya kanan dukiya. Ananin .queue() kanan dukiya da ke da sabuntattun ƙarar ƙanam kai tsaya a kai yin kanan dukiya kanan dukiya.

Ananin ƙarar ƙanam a kanan dukiya dona kara juyin daidai, amma idan a hanyar kara juyin daidai, a kai tsaya a kai kara juyin daidai.

$("#foo").slideUp();
$("#foo").queue(function() {
  alert('Animation complete.');
  $("this").dequeue();
});;

Yanar:

$("#foo").slideUp(function() {
  alert('Animation complete.');
});

Rarrabe, idan a hanyar .queue() kanan dukiya, a kai tsaya a kai cewa .dequeue(), domin kanan dukiya na baya zai yin kai.

Yanar 1

Yin kanan dukiya a hanyar ƙungiyar:

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

Jiyar tafiya shi

Yanar 2

Dabbobi wucin gurɗe dona cewa:

$("#start").click(function () {
  $("div").show("slow");
  $("div").animate({left:'+=200'},5000);
  $("div").queue(function () {
    $("this").addClass("newcolor");
    $("this").dequeue();
  });
  $("div").animate({left:'-=200'},1500);
  $("div").queue(function () {
    $("this").removeClass("newcolor");
    $("this").dequeue();
  });
  $("div").slideUp();
});
$("#stop").click(function () {
  $("div").queue("fx", []);
  $("div").stop();
});

Jiyar tafiya shi

jQuery ƙwararrin kanan dukiya