2013-10-01 6 views
5

मेरे पास एक JQuery फ़ंक्शन है जो किसी तत्व को कक्षाएं जोड़ता है। मैं http://daneden.me/animate/ एनीमेशन पैकेज का उपयोग करना चाहता हूं। ऐसा करने के लिए, मुझे अपने तत्व में दो कक्षाएं, "एनिमेटेड" और "एनीमेशन प्रकार उदाहरण" जोड़ने की आवश्यकता थी। हालांकि, एक साधारण एनीमेशन कक्षा जोड़ने के बजाय, मैं animate.css को एनिमेट करना चाहता था। बिना कि मैं मिश्रित पैरामीटर में पास कर सकता था। लेकिन JQuery addClass() फ़ंक्शन मेरे कोड को मान्य होने के रूप में नहीं पहचानता है।कम मिश्रण के साथ JQuery .addClass()

पूर्व] .animated {// प्रभाव} पहले से ही करने के लिए बदल दिया गया है: .animated (@duration, @delay) {// प्रभाव}

कोड कि mixins के बिना काम करता है:

function waterColorAnmiation(){ 
    $("#stroke1").addClass("animated fadeInUp"); 
} 

क्या मैं आदेश @duration & @delay के लिए mixins का उपयोग करने के की कोशिश की है:

function waterColorAnmiation(){ 
    $("#stroke1").addClass("animated(1, 3) fadeInUp"); 
} 

अगर आपको सुझाव हैं या यदि इसे पूरा करने का एक आसान तरीका है तो कृपया मुझे बताएं। धन्यवाद!

+0

या सीएसएस का उपयोग करने के प्रयास करने की आवश्यकता नहीं कर सकते इसके बजाय keyframes? – l2aelba

+0

मुझे यकीन नहीं है कि आपका क्या मतलब है? मैं एनीमेशन के लिए कीफ्रेम का उपयोग कर रहा हूं लेकिन मुझे उन्हें एक निश्चित बिंदु पर ट्रिगर करने की आवश्यकता है। नीचे मेरी jsfiddle पर एक नज़र डालें। – user1574832

उत्तर

4

आप, आप तो mixin animated(1, 3) के लिए एक नया वर्ग को परिभाषित है जैसे कि यह

.animated13 { 
    .animated(1, 3); 
} 

तो का उपयोग अपने कम फ़ाइल में

$("#stroke1").addClass("animated13 fadeInUp"); 
+0

धन्यवाद अरुण, हालांकि यह अभी भी ऐसा प्रतीत नहीं होता है। कृपया मेरा JSFiddle [link] (http://jsfiddle.net/B5zCu/301/) देखें और देखें कि मेरा क्या मतलब है। कम घोंसला वाला वर्ग प्रभाव तब काम करता है जब मैं उन्हें सीएसएस के भीतर सीधे रखता हूं ... लेकिन जब मैं कक्षाओं को जोड़ने के लिए JQuery का उपयोग करता हूं, तो यह काम नहीं करता है। और मुझे यह काम करने की ज़रूरत है क्योंकि मैं jquery के लिए ट्रिगर रखना चाहता हूं। – user1574832

+0

आपको एक चयनकर्ता त्रुटि http://jsfiddle.net/arunpjohny/UnQ22/1/ ... jQuery चयनकर्ता –

+0

में 'somediv' के बजाय' someDiv' जैसा दिखता है उस संस्करण और दो नए लोगों को कई बार कोशिश करने के बाद ... मैं अंत में यह काम कर रहा है। मुझे लगता है कि यह या तो सिर्फ एक वाक्यविन्यास त्रुटि या minified animate.css फ़ाइलों के साथ एक वास्तविक मुद्दा था! – user1574832

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