jQuery data - queue() method

Kifaa cha data cha jQuery

Mfano

Onyesha ukubwa wa kikombe:

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

Jifunze tena

Kuelewa na kufanyia kwa uwanja

queue() method inonyesha au inasababisha kufanywa kwa kikombe cha maadili ya kufanywa kwa sababu ya elementi ambao yanaingia kwenye uwezo.

Makosa

.queue(queueName)
Parama Kuelewa kwa uwanja
queueName Inayowezekana. Mradi wa stringi unaotaka jina la mawasiliano. Waathirika wa kawaida ni fx, mawasiliano ya kufanywa kwa sababu ya uwanja wa kawaida.

Kufanyia kikombe

queue() method inasababisha kufanywa kwa kikombe cha maadili ya kufanywa kwa sababu ya elementi ambao yanaingia kwenye uwezo.

Makosa

.queue(queueName,newQueue)
Parama Kuelewa kwa uwanja
queueName Inayowezekana. Mradi wa stringi unaotaka jina la mawasiliano. Waathirika wa kawaida ni fx, mawasiliano ya kufanywa kwa sababu ya uwanja wa kawaida.

Kuelewa kwa uwanja wa kina

Kila kitu kinasababu kina kuzungumza kwa jQuery kwa kila elementi. Kwenye kawaida kwa programu kubwa, huzitumia kikombe kimoja (kina fx). Kikombe kinacholishwa kwa kusababisha mawasiliano ya kufanywa kwa sababu ya elementi kwa uharibifu wa kufanya programu kwa sababu ya uharibifu. Mfano wa kawaida ni kusababisha mawasiliano ya kufanywa kwa sababu ya elementi kwa kufanya animashio. Kwa mfano:

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

当这条语句执行时，元素会立即开始其滑动动画，但是淡入过渡被置于 fx 队列，只有当滑动过渡完成后才会被调用。

.queue() 方法允许我们直接对这个函数队列进行操作。调用带有回调函数的 .queue() 方法特别有用；它允许我们在队列末端放置一个新函数。

这个特性与动画方法提供回调函数类似，但是无需在动画执行时设置回调函数。

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

等价于：

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

请注意，当通过 .queue() 添加函数时，我们应当确保最终调用了 .dequeue()，这样下一个排队的函数才能执行。

Mfano 1

Kufanya kikaa cha kikaa cha kikaa cha kikaa:

$("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();
);

Jifunze tena

Mfano 2

Weka matukio wa kikaa cha mitaa kwa kumachagua kikaa cha mitaa:

$("#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();
);

Jifunze tena

Kifaa cha data cha jQuery