stop विधि

stop विधि हमें तुरंत चल रहे एनिमेशन को रोकने की अनुमति देती है। एनिमेशन अगले फ़ंक्शन से पिछले को पूरा किए बिना ही जारी रहेगा।

सिंटैक्स

इस तरह हम चल रहे एनिमेशन को रोकते हैं। दो वैकल्पिक पैरामीटर पास किए जा सकते हैं, जो बूलियन मान लेते हैं। यदि पहला पैरामीटर true पर सेट किया जाता है, तो एनिमेशन कतार में शेष फ़ंक्शन हटा दिए जाएंगे और कभी नहीं चलेंगे। यदि दूसरा पैरामीटर true पर सेट किया जाता है, तो एनिमेशन रुकने पर तत्व की css विशेषताएं तुरंत अपने अंतिम मान ले लेंगी (यानी, यदि लक्ष्य किसी तत्व को धीरे-धीरे छिपाना था, तो वह तुरंत छिप जाएगा):

javascript.stop([clearQueue], [jumpToEnd]);

एक वैकल्पिक पैरामीटर भी पास किया जा सकता है, जिसमें कतार का नाम निर्दिष्ट होता है:

javascript.stop([queueName], [clearQueue],[jumpToEnd]);

एनिमेशन को वैश्विक रूप से jQuery.fx.off = true सेट करके अक्षम किया जा सकता है, जो अवधि मान को 0 पर सेट करता है।

उदाहरण

आइए ऐसा करें कि #toggle बटन पर प्रत्येक क्लिक करने पर हमारा आयत slideToggle विधि का उपयोग करके या तो विस्तारित हो या संकुचित हो। एनिमेशन पूरा होने का इंतजार किए बिना बटन पर क्लिक करते रहें - stop विधि के कारण अगला चरण पिछले के पूरा होने का इंतज़ार किए बिना शुरू हो जाएगा:

html<button id="toggle">toggle</button>
<div id="test"></div>

css#test {
  background-color: green;
  border: 1px solid black;
  width: 200px;
  height: 100px;
  margin: 10px;
}

javascript$('#toggle').on('click', function() {
  $('#test').stop().slideToggle(1500);
});

यह भी देखें