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() میٹھاڈ کا استعمال، اس فونکشن کو کوئئیو پر آپریشن کرنے کیلئے کافی ہوتا ہے۔ آپریشن کا فونکشن کا آپریشن کرنے والی .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();
});
