jQuery चयनकर्ता यह देखने के लिए कि कोई तत्व छिपाने के लिए एनिमेट कर रहा है या नहीं

Question

क्या कोई तत्व यह बताने का कोई तरीका है कि कोई तत्व छुपा हुआ है या वर्तमान में छिपाने की प्रक्रिया में है (एनीमेशन के माध्यम से)? जब आप show या hide पर कॉल करते हैं, तो मैं ऐसा करने का एकमात्र तरीका तत्व के data में ध्वज संग्रहीत करना चाहता हूं, लेकिन मैं सोच रहा था कि कोई और तरीका है या नहीं?

Answer 1

आप $(":animated") साथ और :animated जांच .queue() अगर यह hide विधि के अंदर है के साथ छिपा हुआ एक $(":hidden") साथ और फिर एनिमेट लोगों को मिलता है।

Answer 2

आप इसे

(function($) { 
    var endOpacity, 
     oldStep = jQuery.fx.step.opacity; 

    $.fx.step.opacity = function(fx) { 
     endOpacity = fx.end; 

     return oldStep(fx); 
    }; 

$.expr[':'].hiding = function(obj){ 
    var $this = $(obj); 

    return ($this.is(':hidden') || ($this.is(':animated') && endOpacity === 0)); 
}; 

})(jQuery); 

This worked for me (यह कुछ और परीक्षण हालांकि आवश्यकता हो सकती है) के लिए एक कस्टम jQuery चयनकर्ता कर सकता है।

तो बस :hiding जोड़ने यह छिपा तत्वों, और तत्व है कि वर्तमान में 0 पर एनिमेटेड किया जा रहा है से मेल खाएगी यह होगा अब केवल मैच तत्वों है कि गायब हो रहे हैं, दिखाई नहीं दे रहा।

Answer 3

आप देख सकते हैं तत्व इस तरह एनिमेटेड है:

if(!$('.your-element').is(':animated')) { 
    // do animation... 
} else { 
    return false; 
}