JQuery: Uruchom obiekt jako ukryty w sposób umożliwiający .fadeIn() do pracy

Mam obiekt, który chcę rozpocząć jako ukryty. Próbowałem używać każdego z tych stylów po jednym na raz. Mam je w klasie, a nie w stylu inline.JQuery: Uruchom obiekt jako ukryty w sposób umożliwiający .fadeIn() do pracy

display:none;

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

Teraz te pracowali oczywiście, obiekty załadować ukryty. Problem polega na tym, że gdy ich używam, funkcja JQuery .fadeIn() nie działa. W rzeczywistości, gdy ustawię krycie na .5 (50), zanikanie zanika tylko do .5 (50).

Więc co mogę domyślnie obiekt do tego pozwoli funkcja .fadeIn() do pracy?

Dzięki!

Źródło

2010-09-18 Nate

Jeśli używasz tylko 'display: none' Opcja' fadeIn() 'powinno działać. Oto przykład: http://jsfiddle.net/n7FzR/1/ – user113716

Czy jesteś pewien, że nie próbujesz "zaniknąć" dziecka elementu, do którego przywiązujesz te style? –

Hi jest kod z wersji

pracy

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); 
}

demo na żywo

http://jsfiddle.net/2p2v4/

Źródło

2010-09-18 01:04:59

dziękuję bardzo sir – Nate

W zależności od układu, możesz nie chcieć zaczynać od 'display: none;' i na szczęście to działa bez niego. –

was mogą skorzystać z poniższego pisemnej lub po prostu dodaj swój kod na dole strony

.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(); 
     });

Myślę, że problem jest

dzwonisz pojawiania przed elementy dom są tworzone w przeglądarce
lub przy użyciu jQuery Visual studio wersja, jak pamiętam nie było pewne błąd w jQuery nieprzezroczystości rzeczą w visual studio wersji

Źródło

2010-09-18 05:56:43

JQuery: Uruchom obiekt jako ukryty w sposób umożliwiający .fadeIn() do pracy

Odpowiedz

Powiązane problemy