2010-09-18 17 views
6

Gizli olarak başlatmak istediğim bir nesnem var. Bu stillerden her birini bir kerede kullanmayı denedim. Onları satır içi stilleri olarak değil, bir sınıfta var.JQuery: Nesneyi .fadeIn() çalışmasına izin verecek şekilde gizli olarak başlat

display:none; 

ve

opacity:0;filter:alpha(opacity=0); 

Şimdi bunlar hem açıkçası çalıştı, nesneler gizli yükleyin. Sorun şu ki, bunları kullandığımda JQuery .fadeIn() işlevi çalışmıyor. Aslında, opaklığı .5 (50) olarak ayarladığım zaman, solgunluk sadece .5 (50) değerine düşüyor.

Nesnenin .fadeIn() işlevinin çalışmasına izin verecek şekilde varsayılan değeri nedir?

Teşekkürler!

+2

sadece kullanırsanız içinde jQuery'nin donukluk şey bazı hata oluştu 'görüntü:' fadeIn() 'çalışmalıdır none'. İşte bir örnek: http://jsfiddle.net/n7FzR/1/ – user113716

+0

Bu stilleri eklediğiniz öğenin bir çocuğunu 'fadeIn' yapmaya çalışmayacağınızdan emin misiniz? –

cevap

8

Merhaba

HTML

<html> 
    <body> 
     <p>test</p> 
    </body> 
</html> 

jquery

$(document).ready(function() { 
$('p').fadeTo('slow', 1, function() { 
     // Animation complete. 
    }); 
}); 

CSS

p{ 
    display:none; 
    opacity:0.0; 
    filter:alpha(opacity=0); 
} 
​ 

canlı demo

sürümü

çalışma ile kodudur

http://jsfiddle.net/2p2v4/

+0

Çok teşekkürler efendim – Nate

+0

Yerleşiminize bağlı olarak, 'display: none;' ile başlamak istemeyebilirsiniz ve neyse ki bu olmadan çalışır gibi görünüyor. –

2

şunları yapabilirsiniz kullanmak aşağıda yazılı ya da sadece

.fadeInOnLoad 
{ 
    display:none; 
} 

     <div class="fadeInOnLoad">iam visible after page is loaded</div> 

     jQuery(function(){ 
      // your fade in code, call it after dom is ready 
      jQuery('.fadeInOnLoad').fadeIn(); 
     }); 

i senin sorunun önce fade aradığınız

  • olduğunu düşünüyorum sayfanın alt kısmında kodu ekleyin dom elemanları tarayıcısı

  • veya jQuery kullanarak oluşturulan hatırladığım gibi görsel stüdyo versiyonu, visual studio sürümü

İlgili konular