jQuery डाटा - jQuery.queue() विधि

jQuery डाटा रेफरेंस मैनुअल

उदाहरण

कोश की लंबाई दिखाएँ:

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

स्वयं आयात करें

jQuery डाटा रेफरेंस मैनुअल