2012-11-09 17 views
6

मैं इन removeClass निष्पादित करने के लिए कोशिश कर रहा हूँ लगातार कहता है। RemClass का उपयोग कर कॉल बैक फ़ंक्शन प्रतीत नहीं होता है, तो क्या इसका अनुकरण करने का कोई और तरीका है?क्या मैं jquery removeClass से कॉलबैक फ़ंक्शन का अनुकरण कर सकता हूं?

$("#card1").removeClass('flip'); 

    //wait for card1 flip to finish and then flip 2 
    $("#card2").removeClass('flip'); 

    //wait for card2 flip to finish and then flip 3 
    $("#card3").removeClass('flip'); 
+0

आप हमेशा एक टाइमर – Huangism

+0

इसे हटाने और है.क्या बात है जोड़ने के एक element.you से एक वर्ग को हटाने के लिए कोई प्रतीक्षा नहीं है का उपयोग कर सकते हैं? –

+0

यह CSS3 के साथ संक्रमण का हिस्सा है इसलिए मैं एक मजेदार प्रभाव की तलाश में हूं। – Paul

उत्तर

8

ऐसा लगता है कि आप ऐसा करने के लिए CSS3 संक्रमण का उपयोग कर रहे हैं।

$("#card1").removeClass('flip'); 

setTimeout(function(){ 
    //wait for card1 flip to finish and then flip 2 
    $("#card2").removeClass('flip'); 
}, 500); 

setTimeout(function(){ 
    //wait for card2 flip to finish and then flip 3 
    $("#card3").removeClass('flip'); 
}, 1000); 

jQuery विधि में बनाया गया कोई जाँच करने के लिए है कि सीएसएस परिवर्तन पूर्ण होने नहीं है: यह करने के लिए सबसे आसान तरीका है मैन्युअल रूप से देरी स्थापित करने के लिए है।

+1

'transitionEnd' घटना (या' webkitTransitionEnd' आदि) काम करना चाहिए। – pimvdb

+0

... या 'mozTransitionEnd' आदि मुझे लगता है कि टाइमर आजकल बेहतर है और मामले में है कि' transitionEvent' घटना अभ्यस्त आग अधिक बुलेटप्रूफ हो जाएगा। – Inferpse

+0

सहमत हुए, यह चाल है, धन्यवाद! – Paul

संबंधित मुद्दे