clearQueue मेथड

clearQueue मेथड हमें कतार से सभी फंक्शन्स को हटाने की अनुमति देता है जो अभी तक नहीं चले हैं।

सिंटैक्स

इस तरह हम फंक्शन कतार को साफ़ कर सकते हैं। वैकल्पिक पैरामीटर के रूप में कतार का नाम स्ट्रिंग के रूप में पास किया जा सकता है (डिफ़ॉल्ट रूप से fx - स्टैंडर्ड इफेक्ट्स कतार)। अगर कोई पैरामीटर पास नहीं किया जाता है, तो fx कतार से सभी बचे हुए फंक्शन हटा दिए जाएंगे:

javascript.clearQueue([कतार का नाम]);

यह मेथड stop मेथड के समान है। लेकिन, अगर बाद वाला सिर्फ एनीमेशन के साथ काम कर सकता है, तो clearQueue jQuery की किसी भी कतार के साथ काम करने की अनुमति देता है जिसे queue मेथड द्वारा जोड़ा गया हो।

उदाहरण

बटन #start पर क्लिक करने पर, हम एनीमेशन शुरू करेंगे। बटन #stop पर क्लिक करने पर हम एनीमेशन को रोक देंगे और clearQueue मेथड का उपयोग करके कतार को साफ़ कर देंगे। #start पर दोबारा क्लिक करने पर एनीमेशन फिर से शुरू हो जाएगा:

html<button id="start">start</button>
<button id="stop">stop</button>
<div></div>

cssdiv {
  position: absolute;
  margin: 3px;
  width: 50px;
  height: 50px;
  left: 0px;
  top: 30px;
  background: red;
  display: none;
}

div.newcolor {
  background: green;
}

javascript$('#start').click(function() {

  let myDiv = $('div');
  
  myDiv.show('slow');
  
  myDiv.animate({
    left: '+=200'
  }, 5000);
  
  myDiv.queue(function() {
    let that = $(this);
    that.addClass('newcolor');
    that.dequeue();
  });
  
  myDiv.animate({
    left: '-=200'
  }, 1500);
  
  myDiv.queue(function() {
    let that = $(this);
    that.removeClass('newcolor');
    that.dequeue();
  });
  
  myDiv.slideUp();
});
  
$('#stop').click(function() {
  let myDiv = $('div');
  myDiv.clearQueue();
  myDiv.stop();
});

यह भी देखें