यह पता लगाना कि कौन सी सीएसएस संपत्ति jQuery

Question

द्वारा एनिमेटेड की जा रही है, मुझे लगता है कि $element.is(':animated') मुझे बताता है कि $ तत्व एनिमेटेड है या नहीं, लेकिन यह देखना संभव है कि कौन सी सीएसएस गुण एनिमेटेड हैं।

Answer 1

हां, step एनीमेट() कॉल पर फ़ंक्शन आपको यह जानने की अनुमति देगा कि fx.prop के माध्यम से कौन सी संपत्ति एनिमेट की जा रही है। यहाँ jQuery एपीआई डॉक्स से एक उदाहरण है:

अब: संपत्ति के संख्यात्मक मान हर कदम

पर एनिमेटेड किया जा रहा

$('li').animate({ 
    opacity: .5, 
    height: '50%' 
}, 
{ 
    step: function(now, fx) { 
    var data = fx.elem.id + ' ' + fx.prop + ': ' + now; 
    $('body').append('<div>' + data + '</div>'); 
    } 
}); 

step कार्य करने के लिए दो तर्क इस प्रकार हैं

fx: jQuery.fx प्रोटोटाइप वस्तु के लिए एक संदर्भ है, जो इस तरह के रूप मेंगुण के एक नंबर शामिल एनिमेटेड तत्व के लिए 210, start और end एनिमेटेड संपत्ति के पहले और अंतिम मूल्य क्रमशः, और prop एनिमेटेड संपत्ति के लिए।

ध्यान दें कि यह फ़ंक्शन एनीमेशन के हर "चरण" को चलाता है, इसलिए यह अक्सर आग लग जाएगा। आप वर्तमान में एनिमेटिंग गुणों या इसी तरह की सरणी को अपडेट करने के लिए इसका उपयोग कर सकते हैं।