jQuery အချက်အလက် - queue() စက်မှု

jQuery ရှိ စာရင်း ကိုယ်စားပြု စာမေးသတင်း

အမှတ်အသား

အဘွဲ့ အကွာအဝါ ပြသခြင်း:

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

ကိုယ်စားပြု ကူးသတင်း

အသုံးပြုနည်းဥပမာ နှင့် အသုံးပြုခြင်း

queue() စက်မှု က တူညီထားသော အရာတို့ အပေါ် အခြေခံ အဆက်မပြတ် အဆက်မပြတ် ပြောင်းလဲမှု အဘွဲ့ ကို ပြသခြင်း သို့မဟုတ် အသုံးပြုခြင်း

အပြောအဆို

.queue(queueName)
ပါဝင်သည် ဖော်ပြ
queueName ဆိုင်းငံ့။ အကြောင်းအရာ အင်တာဗျူး က အစီအစဉ် အမည် ကို ပါဝင်သည်။ မူလအမည်မှာ fx ဖြစ်သည်။ အများဆုံး အကျိုးသက်ရှိသော အဘွဲ့ အစီအစဉ်

အဘွဲ့ အစီအစဉ်

queue() စက်မှု က တူညီထားသော အရာတို့ အပေါ် အခြေခံ အဆက်မပြတ် အဆက်မပြတ် ပြောင်းလဲမှု အဘွဲ့ အသုံးပြုသည်。

အပြောအဆို

.queue(queueName,newQueue)
ပါဝင်သည် ဖော်ပြ
queueName ဆိုင်းငံ့။ အကြောင်းအရာ အင်တာဗျူး က အစီအစဉ် အမည် ကို ပါဝင်သည်။ မူလအမည်မှာ fx ဖြစ်သည်။ အများဆုံး အကျိုးသက်ရှိသော အဘွဲ့ အစီအစဉ်

အသေးစိတ်အချက်အလက်

အသုံးပြုနေသေးသည့်အရာတိုင်း အင်တာဗျူး က ပေးအပ်ထားသော ပြောင်းလဲမှု အဘွဲ့ တစ်ခုမှ အသုံးပြုသည်။ အများစု အောက်မှာ အဘွဲ့ တစ်ခုတည်းကို အသုံးပြုသည် (အမည်မှာ fx)။ အဘွဲ့ အပေါ်တွင် အဆက်မပြတ် အဆက်မပြတ် အခြေခံ အရာများ အစီအစဉ် အသုံးပြုသည်။ အများဆုံး အမှတ်အသား အချက်အလက် အမှတ်အသား အဆက်မပြတ် အဆက်မပြတ် ပြောင်းလဲမှု အမှတ်အသား အချက်အလက် အသုံးပြုသည်။ ဥပမာ့:

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

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

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

အမှုထမ်း အကူအညီ အစီအစဉ် ပြုလုပ် ပြီး ပြန်လည် အကူအညီ အစီအစဉ် ပြုလုပ် အခါတွင် အသင်းစု ပြုလုပ် အခါတွင် အသင်းစု ပြုလုပ် ပြီးဆုံး ဖြစ်သည်။

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

ထို့အတူ

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

သို့မဟုတ်ဘဲ，.queue() အသင်းစု ပြုလုပ် အခါတွင် ကျွန်ုပ်တို့ သည် .dequeue() ကို အတွက်သတ်မှတ် ပြီး နောက်ဆုံး ပြုလုပ် အခါတွင် အသင်းစု ပြုလုပ် ပြီးဆုံး ဖြစ်သည်။

အမှတ် 1

ကိုယ်စားပြု အကူအညီ အစီအစဉ် အသင်းစု ပြုလုပ်

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

ကိုယ်စားပြု ကူးသတင်း

အမှတ် 2

အစီအစဉ် အတွက် အသင်းစု စာရင်း အစီအစဉ်ကို ဖျက်သိမ်းပြီး

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

ကိုယ်စားပြု ကူးသတင်း

jQuery ရှိ စာရင်း ကိုယ်စားပြု စာမေးသတင်း