दिलचस्प पोस्ट
Wcf में कच्चे जेसन (स्ट्रिंग) लौट रहा है कैसे mysql में नाम स्ट्रिंग विभाजित करने के लिए? एक फ़ाइल की शुरुआत करने के लिए लाइन तैयार करें PHP समय () क्या जीएमटी / यूटीसी टाइमस्टैम्प लौटाता है? रिक्त और खाली ("") जावा स्ट्रिंग के बीच अंतर WinForms ऐप में कस्टम शीर्षकबार / क्रोम पैरामीटर वाला क्वेरी क्या है? त्रुटि 'लिंक: घातक त्रुटि एलएनके 1123: सीओएफएफ में रूपांतरण के दौरान असफल: विजुअल स्टूडियो 2012 रिलीज पूर्वावलोकन स्थापित करने के बाद फ़ाइल अवैध या भ्रष्ट' कंटेनर तत्व की ऊँचाई में वृद्धि क्यों नहीं होती है यदि इसमें शुरुआती तत्व होते हैं? मैं अजगर में रिकर्सिव फ़ंक्शन कैसे बना सकता हूं? एकल थ्रेड के लिए नींद () का उपयोग करना कर्ल और PHP के साथ सत्र को जीवित रखना क्यों एक्सएमएल सीरियलिज़ेबल वर्ग को पैरासेलेबल कन्स्ट्रक्टर की आवश्यकता है JQuery के साथ div तत्वों का अनुक्रम रैंडम करना 'Java.lang.NoSuchMethodError के कारण: थ्रेड में मुख्य अपवाद "मुख्य"'

सीएसएस () के साथ 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(); }); });