జూలీ డాటా - queue() మెథడ్

ఉదాహరణ

క్వీజు పొడవును చూపిస్తుంది:

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

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

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

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

సింతాక్సు

.queue(queueName)
పారామితులు వివరణ
queueName ఎంపికాత్మకం. స్ట్రింగ్ విలువ, క్వీజు పేరును కలిగి ఉంటుంది. డిఫాల్ట్ ఫై, ప్రామాణిక ప్రభావ క్వీజు.

క్వీజు ఆపరేషను

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

సింతాక్సు

.queue(queueName,newQueue)
పారామితులు వివరణ
queueName ఎంపికాత్మకం. స్ట్రింగ్ విలువ, క్వీజు పేరును కలిగి ఉంటుంది. డిఫాల్ట్ ఫై, ప్రామాణిక ప్రభావ క్వీజు.

వివరణ

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

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

ఈ పద్ధతి పనిచేసినప్పుడు, కొండి అనిమేషన్ కొండి పనిచేయబడుతుంది, కానీ ఫ్లైన్ ట్రాన్సిషన్ అనిమేషన్ క్వీయూ లో ఉంటుంది, అనిమేషన్ పూర్తి అయినప్పుడు మాత్రమే ఫ్లైన్ ట్రాన్సిషన్ పనిచేయబడుతుంది.

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

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