दिलचस्प पोस्ट
किसी दिए गए (संख्यात्मक) वितरण के साथ यादृच्छिक संख्या उत्पन्न करें बिलाव स्मृति सेटिंग्स बढ़ाएं JQuery.validation में शासन करने के लिए समान नहीं जोड़ने के लिए कैसे एक टपल के आसपास कोष्ठक कब आवश्यक हैं? 'वैकल्पिक' प्रकार वर्ग के अर्थ से उलझन और अन्य प्रकार की कक्षाओं के साथ संबंध आयात एंड्रॉइड। समर्थन हल नहीं किया जा सकता जमा करने के बाद JSF फॉर्म इनपुट मान साफ़ करें किसी नक्शे से फिर से चलना और हटाना क्या MySQL क्वेरी में 'LIMIT 1' को जोड़ना उनको तेज़ी से बना देता है जब आप जानते हैं कि केवल 1 परिणाम होगा? प्रारंभिक क्षमता के साथ एक अर्रेलिस्ट शुरू क्यों करें? आभासी फ़ंक्शन डिफ़ॉल्ट तर्क व्यवहार पायथन अनुरोधों के साथ अतुल्यकालिक अनुरोध मैं सी # से एक प्रक्रिया कैसे शुरू करूं? PHP में stdClass क्या है? कैसे एक वेक्टर पथ धीरे धीरे आकर्षित करने के लिए? (Raphael.js)

सीएसएस () के साथ jQuery का विलंब () का उपयोग करना

देरी क्यों करता है () यहां काम करते हैं:

$('#tipper').mouseout(function() { $('#tip').delay(800).fadeOut(100); }); 

लेकिन यह देरी करने में विफल रहता है:

 $('#tipper').mouseout(function() { $('#tip').delay(800).css('display','none'); }); 

/ संपादित करें – यहां एक कार्यशील समाधान है

 $('#tipper').mouseleave(function() { setTimeout( function(){ $('#tip').css('display','none'); },800); }); 

वेब के समाधान से एकत्रित समाधान "सीएसएस () के साथ jQuery का विलंब () का उपयोग करना"

delay() एनीमेशन (एफएक्स) कतार के साथ काम करती है सीएसएस संपत्ति बदलना उस तंत्र के माध्यम से काम नहीं करता है, और इस तरह देरी निदेशालय से प्रभावित नहीं होता है

एक वैकल्पिक हल है – आप एक कतारबद्ध संचालन के रूप में संपत्ति परिवर्तन को इंजेक्शन कर सकते हैं, जैसे:

 $('#tip') .delay(800) .queue(function (next) { $(this).css('display', 'none'); next(); }); 

साथ ही, आपको संभवतः .css('display','none') बजाय। .hide() का उपयोग करना चाहिए।

यहां एक उदाहरण है: http://jsfiddle.net/redler/DGL3m/

आप इस के साथ मदद करने के लिए tiniest jQuery एक्सटेंशन लिख सकते हैं। आप इसे qcss कहते हैं:

 $.fn.extend({ qcss: function(css) { return $(this).queue(function(next) { $(this).css(css); next(); }); } }); 

यह आपको लिखने देता है:

 $('.an_element') .delay(750) .qcss({ backgroundColor: 'skyblue' }) .delay(750) .qcss({ backgroundColor: 'springgreen' }) .delay(750) .qcss({ backgroundColor: 'pink' }) .delay(750) .qcss({ backgroundColor: 'slategray' }) 

एनीमेशन के चेन पार्ट्स के लिए यह एक शानदार तरीका हो सकता है ध्यान दें कि इसके बहुत सरल रूप में, qcss केवल सीएसएस गुणों वाले एकल वस्तु तर्क का समर्थन करता है। (उदाहरण के लिए .qcss('color', 'blue') का समर्थन करने के लिए आपको थोड़ा और काम करना होगा।)

यहां जेएसफ़िल्ड पर एक उदाहरण है

केन रेडलर के उत्तर / सुझाव में जोड़ा गया:

साथ ही, आपको संभवतः .css ('display', 'none') के बजाय। () का उपयोग करना चाहिए।

तुम कर सकते हो :

 $('#tip').delay(800).hide(0); 

0 यहाँ महत्वपूर्ण है .hide() लिए मान पास करने से यह पूरी तरह से FX कतार में जोड़ देगा और इसलिए, यह अपेक्षित काम करेगा

सभी ब्राउज़र के साथ परीक्षण करें

 $(document).ready(function () { var id = $("div#1"); // div id=1 var color = "lightblue"; // color to highlight var delayms = "800"; // mseconds to stay color $(id).css("backgroundColor",color) .css("transition","all 1.5s ease") // you may also (-moz-*, -o-*, -ms-*) eg .css("backgroundColor",color).delay(delayms).queue(function() { $(id).css("backgroundColor",""); $(id).dequeue(); }); });