javascript - Animate & preventing animation firing on multiple clicks -
<पूर्व>
$ ('# wobble') क्लिक करें। ({{MarginLeft: '+ 10px'}, {"queue": true, "duration": 100})। (मान ({marginLeft: '-20px'}, {"queue ({मार्जिन लिफ्ट: '-20 पीएक्स'}, {{मार्जिन लेफ्ट: '-20 पीएक्स}}, {{मार्जिन लिफ्ट:' -20 पीएक्स}}, {{मार्जिन लिफ्ट: '-20 पीएक्स}}, {"पंक्ति": {"क्यूई": सच है, "अवधि": 100}) "पंक्ति": सच है, "अवधि": 100})। मान ({मार्जिन लिफ्ट: '+ 10px'}, {"पंक्ति": सत्य, "अवधि": 100});}); जब मैं #wobble पर क्लिक करता हूं तब तक एनिमेशन चलाते हैं जब तक कि वे पूर्ण नहीं हो जाते। क्या ऐसा होने से रोकने के लिए कोई तरीका है?
उदाहरण के लिए, अगर मैं इसे 50 गुना जितना जल्दी कर सकता हूं, मैं 50 गुना तक एनिमेशन चलाने की प्रतीक्षा कर रहा हूं। मैं एक बार क्लिक करने में सक्षम होना चाहता हूं, और फिर एनीमेशन एक बार जब तक यह पूरा नहीं हो जाता है। फिर इसे फिर से चलाया जा सकता है अगर एनीमेशन बंद हो जाने के बाद इसे क्लिक किया जाता है और इसी तरह।
इसके अलावा, क्या एक तत्व को कई बार सजीव करने का एक क्लीनर तरीका है क्योंकि यह मेरे लिए गंदे लग रहा है?
> मैंने .stop () का उपयोग करने की कोशिश की है लेकिन मुझे नहीं लगता कि यह काम करता है कि मैं इसे कैसे अपेक्षा करता हूं धन्यवाद!
आप किसी भी एनीमेशन को समाप्त करने के लिए स्टॉप (सच्चे, सच्चे) को कॉल करने की जरूरत है जो वर्तमान में चल रहे हैं या पंक्तिबद्ध है:
$ (यह)। रोक (सच है, सच है) .मेट ({मार्जिन लिफ्ट: '+ 10 पीएक्स'}, {"क्यूई": सच है, "अवधि": 100}) .मेट ({मार्जिन लिफ्ट: '-20 पीएक्स'}, {"पंक्ति": सच है, "अवधि": 100})। मान ({मार्जिन लिफ्ट: '+ 10px'}, {"queue": सच है, "अवधि": 100})। मान ({मार्जिन लिफ्ट: '-20 पीएक्स' }, {"Queue": सच है, "अवधि": 100})। मान ({मार्जिन लिफ्ट: '+ 10px'}, {"queue": सत्य, "अवधि": 100});
Comments
Post a Comment