Jquery चेनिंग बनाम कॉलबैक

Question

jQuery के लिए, निम्नलिखित दो स्निपेट के परिणाम में क्या अंतर है। कुछ भी? क्या मैं सही हूं कि श्रृंखला में कॉलबैक और दूसरा आइटम पहले एनीमेशन के पूरा होने पर निष्पादित किया गया है?

$(selector).animate({ opacity: 1 }).animate({ opacity: 0.5 }); 

बनाम

$(selector).animate({ opacity: 1}, function() 
{ 
    $(this).animate({ opacity: 0.5 }); 
}); 

स्थिति मैं एक दूसरे के ऊपर का उपयोग करना चाहते हैं की किस प्रकार (ओं) में? क्या मैं केवल बाद वाले का उपयोग करूंगा यदि मुझे कुछ और परिष्कृत करने की आवश्यकता होती है या किसी भिन्न चयनकर्ता पर स्विच किया जाता है?

अग्रिम धन्यवाद।

Answer 1

वे प्रभावी रूप से समान हैं, इसलिए आप शायद पहले का उपयोग करेंगे।

कॉलबैक (दूसरा संस्करण) किसी भी मनमानी कोड को चलाने के लिए है जो स्वचालित रूप से कतारबद्ध नहीं होता है।

इसमें अन्य jQuery विधियों जैसे .css() शामिल हैं, उदाहरण के लिए, यदि कॉलबैक में नहीं है, तो एनीमेशन पूर्ण होने से बहुत पहले भाग जाएगा।

// .animate() is automatically queued 
$(selector).animate({ opacity: 1 }).animate({ opacity: 0.5 }); 

---

// .css() is not automatically queued, so you'd need a callback 
$(selector).animate({ opacity: 1 }, function() { 
    $(this).css({ opacity: 0.5 }); 
}); 

---

कॉलबैक के बिना ...

// Animation starts ----v 
$(selector).animate({ opacity: 1 }).css({ opacity: 0.5 }); 
// ...but .css() runs immediately-------------^ 
// ...because it isn't automatically added to the queue. 

Answer 2

फर्क सिर्फ इतना समय है: जब तक पहले चेतन पूरा करता है दूसरे उदाहरण में कॉलबैक निष्पादित नहीं किया जाएगा । पहली एनीमेशन शुरू होने के तुरंत बाद पहले उदाहरण में जंजीर एनिमेट होगा।