jQuery డాటా - jQuery.queue() ఫంక్షన్

jQuery డాటా రిఫరెన్స్ మ్యాన్యువల్

ఉదాహరణ

క్వీయ్ పొడవును చూపించు:

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

స్వయంగా ప్రయత్నించండి

నిర్వచనం మరియు ఉపయోగం

queue() ఫంక్షన్ ప్రతిపాదించబడిన అనుసరించే కార్యక్రమాలపై పనిచేసే ఫంక్షన్ క్వీయ్ చూపిస్తుంది లేదా నిర్వహిస్తుంది.

ప్రకటన:ఈ అంశం ప్రాథమిక రూపం; ఉపయోగించండి .queue() ఎక్కువగా సులభం.

సంకేతం

.queue(queueName)
పారామీటర్స్ వివరణ
queueName ఎంపికాత్మకం. పదక్రంబం విలువ, క్రమంలో పేరు. అప్రమేయంగా ఫ్యాక్స్, ప్రమాణబద్ధ ప్రభావకరమైన క్రమం.

క్వీయ్ కార్యక్రమాలు

queue() ఫంక్షన్ ప్రతిపాదించబడిన అనుసరించే కార్యక్రమాలపై పనిచేసే ఫంక్షన్ క్వీయ్ నిర్వహిస్తుంది.

సంకేతం

.queue(queueName,newQueue)
పారామీటర్స్ వివరణ
queueName ఎంపికాత్మకం. పదక్రంబం విలువ, క్రమంలో పేరు. అప్రమేయంగా ఫ్యాక్స్, ప్రమాణబద్ధ ప్రభావకరమైన క్రమం.

వివరణ

ప్రతి అంశంకి జ్యూక్రోనుండి జోడించబడిన ఒక నుండి పలు ఫంక్షన్ క్వీయ్ ఉండవచ్చు. అధికంగా అనేక అనువర్తనాలలో, ఒక క్వీయ్ మాత్రమే ఉపయోగించబడుతుంది (ఫ్యాక్స్ అని పిలుస్తారు). క్వీయ్ అనేది అనుసరించే కార్యక్రమాల పర్వతంలో అసింక్రోనస్లీ కార్యాలను పరిచయం చేస్తుంది మరియు ప్రోగ్రామ్ ఎక్సిక్యూషన్ నిర్మూలించదు. సాధారణ ఉదాహరణలో అనుసరించే కార్యక్రమాలను పరిచయం చేయడం జరుగుతుంది. ఉదాహరణకు:

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

స్వయంగా ప్రయత్నించండి

jQuery డాటా రిఫరెన్స్ మ్యాన్యువల్