jQuery အချက်အလက် - jQuery.queue() ဘွတ်အဖွဲ့ စက်မှု
အမှတ်အသား
ဘွတ်အဖွဲ့ အရွယ် ပြသမည်:
function showIt() {
var n = div.queue("fx");
$("span").text( n.length );
setTimeout(showIt, 100);
}
အသုံးပြုနည်း နှင့် အသုံးပြုခြင်း
queue() ဘွတ်အဖွဲ့ စက်မှု သည် တူးဖော်သည့် အဆက်အသွယ် ပေါ် လုပ်ကိုင်သည့် ဘွတ်အဖွဲ့ ကို ပြသခြင်း သို့မဟုတ် စက်မှုကြောင်းပြုခြင်း ဖြစ်သည်။
မှတ်ချက်:အောက်တန်း ဘွတ်အဖွဲ့ စက်မှု ဖြစ်သည်； .queue() ပို၍ လက်ရှိ့ဝါးခဲ့သည်
ပြောင်းလဲမှု
.queue(queueName)
| ပါဝင်သည် | ဖော်ပြ |
|---|---|
| queueName | ဆိုင်းငံ့။ စကားလုံး အရေအတွက် အသုံးပြုသည်။ ပုံမှာ fx ဖြစ်သည်။ အခြား အကျိုးသတ္တိ ဘွတ်အဖွဲ့ |
ဘွတ်အဖွဲ့ စက်မှု
queue() ဘွတ်အဖွဲ့ စက်မှု သည် တူးဖော်သည့် အဆက်အသွယ် ပေါ် လုပ်ကိုင်သည့် ဘွတ်အဖွဲ့ ကို စက်မှုကြောင်းပြုသည်။
ပြောင်းလဲမှု
.queue(queueName,newQueue)
| ပါဝင်သည် | ဖော်ပြ |
|---|---|
| queueName | ဆိုင်းငံ့။ စကားလုံး အရေအတွက် အသုံးပြုသည်။ ပုံမှာ fx ဖြစ်သည်။ အခြား အကျိုးသတ္တိ ဘွတ်အဖွဲ့ |
အသေးစိတ် ဖော်ပြ
တစ်ခုခုသည် ဂျူးသတ် ထပ်ပေါင်းသည့် ဘွတ်အဖွဲ့ တစ်ခုထိ များစွာ ရရှိနိုင်သည်။ အများစု အက်ဥပဒေများ တွင် ဘွတ်အဖွဲ့ တစ်ခုသာ အသုံးပြုကြသည် (အမည်မှာ fx ဖြစ်သည်)။ ဘွတ်အဖွဲ့ အပေါ် လှုပ်ရှားသည် အဆက်အသွယ် အဖြစ် လှုပ်ရှားသည့် ဘွတ်အဖွဲ့ ကို လှုပ်ရှားပြီး ပရိုဂရမ် လုပ်ကိုင်ခြင်း ကို ပြန်လည်ပြောင်းလဲမှု မရှိသည်။ အကျဉ်းချုပ် အမှတ်အသား အဖြစ် အဆက်အသွယ် အပေါ် ဘွတ်အဖွဲ့ များစွာ လှုပ်ရှားမှု များ ကို အသုံးပြုကြသည်။ ဥပမာ:
$('#foo').slideUp().fadeIn();
အဆိုပါ ဖော်ပြ အချက် ဖြေဖျေ လို့ ဖြစ်ပါက၊ အရောင်သုံး အကူအညီ ပေါင်းစပ် အချက် သည် fx အစုအဝေး အပေါ်တွင် ဖြစ်ပါ၊ အရောင်သုံး အကူအညီ ပေါင်းစပ် အချက် ကို အပေါင်းစပ် ပြီးနောက် ကိုယ်တိုင် ဖြေဖျေ လိမ့်မည်
.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();
);
