jQuery fadein 0

Question

पर अस्पष्टता छोड़ देता है मैं .fadeIn()

के साथ इस अजीब व्यवहार अगर मैं

$('#MyDiv').show(); 

लिखने div ठीक से पता चलता है।

हालांकि, अगर मैं लिखने

$('#MyDiv').fadeIn(400); 

div शो लेकिन अस्पष्टता 0 के साथ!

लाइन से पहले है:

$('#MyDiv').hide() 
    .html(TheHTML) 
    .css('top', 0); 

अद्यतन: अगर मैं लिखना $('#MyDiv').show(400);

div भी अस्पष्टता 0 में रहता है।

Answer 1

कुछ सीएसएस अपने div अधिभावी है जब यह 100.

वरना कर के रूप में अपने div करने के लिए अस्पष्टता शैली को जोड़ने hidden..Better है,

$('#MyDiv').css('opacity','100'); 

अपने fadein कॉल ..

Answer 2

निम्नलिखित यह जाहिर कर देंगे आप चाहते हैं के रूप में

$('#MyDiv').animate({ 
    opacity: 1 
},400); 

आप निम्न की कोशिश कर सकते हैं:

$('#MyDiv').fadeIn(400, function(){ 
    $(this).css('opacity', 1) 
}); 

DEMO

लेकिन मुझे लगता है आपके भी ठीक काम करना चाहिए। के बाद देखें here

Answer 3

चेक, अगर आप एक

0 है

opacity: 0 !important; 

//or 

opacity: 0; 

उस मामले में अपने सीएसएस में आप की तरह इस

$('#MyDiv').fadeIn(400,function(){ 
    $(this).css('opacity',1); 
}); 

चेक इस fiddleopacity मैन्युअल खुद बदलना होगा। पहला div कभी प्रकट नहीं होगा।

Answer 4

jQuery .fadeTo फ़ंक्शन का प्रयास करें।

.fadeTo(duration, opacity [, callback]) 
.fadeTo(duration, opacity [, easing] [, callback]) 

नमूना:

$('#book').fadeTo('slow', 0.5, function() { 
    // Animation complete. 
});