2012-11-05 14 views
5

के बाद कृपया मैं पुष्टि कर सकते हैं कि मैं इस सही ढंग से कर रहा हूँ:पुन: प्रदर्शित fadeOut

मैं एक संदेश के बाद यह प्रदर्शित किया गया है कि मैं fadeOut करना चाहते हैं।

jQuery फीडऑट सेट प्रदर्शित करता है: अस्पष्टता शून्य होने पर कोई भी नहीं।

इस प्रकार जब मैं दृश्यता सेट करके फिर से वही संदेश प्रदर्शित करना चाहता हूं: दृश्य दिखाई देगा क्योंकि संदेश प्रदर्शित नहीं होगा क्योंकि प्रदर्शन: कोई भी अभी भी सेट नहीं है।

तो यह मैं क्या किया है:

 $("#message6").fadeOut(600, function(){ 
      $("#message6").css("display",""); 
      $("#message6").css("visibility","hidden");    
     }); 

यह सिर्फ ठीक काम करता है। यह बहुत सुरुचिपूर्ण प्रतीत नहीं होता है।

क्या मुझे यहां कुछ याद आ रही है? क्या ऐसा करने का एक साफ तरीका है?

+0

शायद ऐसा कुछ हो: http://jsfiddle.net/lollero/T3Vm6/ – Joonas

उत्तर

10

की तरह तुम क्यों करते हो नहीं:

$("#message6").fadeOut(600); 

और फिर अपने संदेश को दिखाने के लिए:

$("#message6").show(); 
+0

आह ठीक है क्योंकि मैं दृश्यता सेट कर रहा हूं: पहले उदाहरण में दिखाई देता है। यह वही हो सकता है जो मुझे याद आ रहा है मुझे पहले उदाहरण में शो का उपयोग करना चाहिए। – codepuppy

+0

मैं केवल दृश्यता का उपयोग करता हूं जब मेरे तत्व को अभी भी मेरे डोम में स्थान आरक्षित करना चाहिए। – iappwebdev

0

मुझे हमेशा jQuery की .fadeIn() और .fadeOut() विधियों के साथ अजीब समस्याएं आई हैं, इसलिए आमतौर पर मैं अस्पष्टता को एनिमेट करता हूं। यदि आप छिपा रहे हैं और चीजें दिखा रहे हैं तो इस दृष्टिकोण में कुछ भी गलत नहीं है।

$('#message6').animate({opacity:0}, 200); 

आप fading एनीमेशन के किसी भी प्रकार नहीं करना चाहते हैं, तो आप सिर्फ .hide() और .show() तरीकों, या .css({opacity:0}), या साथ 0 एनीमेशन अवधि एक .animate() विधि का उपयोग कर सकते हैं।

+0

@ साइमन के साथ, मुझे लगता है कि आप मेरे तरीकों की त्रुटि का पर्दाफाश करते हैं जिसका मैं उपयोग नहीं कर रहा हूं। दिखाओ। शो। – codepuppy

0

क्यों कुछ नहीं इस

$(document).ready(function() { 
     $('#myLabel').fadeOut(1000, function() { 
      $(this).html(""); //reset the label after fadeout 
     }); 
    });​ 

Sample

+0

ठीक है, मैं देख रहा हूं कि आप क्या कह रहे हैं और यदि मैं गतिशील रूप से संदेश की सामग्री सेट कर रहा था तो यह वास्तव में काम करेगा। लेकिन यह एक निश्चित संदेश है। – codepuppy

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