पता लगाएं कि किस एनीमेशन एंड ने एनीमेशननाम

Question

के माध्यम से निकाल दिया है मेरे पास एक div से जुड़े कई CSS3 एनीमेशन हैं, लेकिन मैं केवल एक फ़ंक्शन को अंतिम एनीमेशन का अंत करना चाहता हूं।

मैंने एनीमेशन एंड ईवेंट का उपयोग किया है ताकि मैं कहा गया फ़ंक्शन ट्रिगर कर सकूं लेकिन जैसा कि मैंने कहा था कि मैं केवल अंतिम एनीमेशन पर चलाना चाहता हूं।

क्या एनीमेशन के साथ पता लगाने का कोई तरीका एनीमेशन के अंत की जांच कर रहा है जिसने एनीमेशन एंड ट्रिगर को ट्रिगर किया है?

इस प्रकार मुझे अंतिम एनीमेशन को एकल करने के लिए एक कथन का उपयोग करने की इजाजत दी गई।

Answer 1

जब आप फ़ंक्शन को परिभाषित करते हैं तो पैरामीटर आवश्यक होता है। इनमें से कोई भी काम करना चाहिए;

var $element = $('.eye').bind("webkitAnimationEnd oAnimationEnd msAnimationEnd animationend", function(event){ 
    if (event.originalEvent.animationName === "three") { 
     console.log('the event happened'); 
    } 
} 

या,

var $element = $('.eye').bind("webkitAnimationEnd oAnimationEnd msAnimationEnd animationend", function(e){ 
    if (e.originalEvent.animationName === "three") { 
     console.log('the event happened'); 
    } 
} 

Answer 2

मैं पता नहीं क्यों ... लेकिन मैं केवल e.originalEvent.animationName

द्वारा animationName पकड़ कर सकते हैं तो सबसे अच्छा विकल्प है:

function getAnimationName(e) { 
    if(e.animationName != undefined) return e.animationName; 
    if(e.originalEvent.animationName != undefined) return e.originalEvent.animationName; 
    else return undefined; 
}