JQuery: Avvia l'oggetto come nascosto in un modo che consenta .fadeIn() di funzionare

Ho un oggetto che voglio avviare come nascosto. Ho provato a utilizzare ognuno di questi stili uno alla volta. Li ho in una classe, non come stili in linea.JQuery: Avvia l'oggetto come nascosto in un modo che consenta .fadeIn() di funzionare

display:none;

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

Ora, questi sia lavorato, ovviamente, gli oggetti nascosti caricare. Il problema è che quando li uso, la funzione JQuery .fadeIn() non funziona. In effetti, quando imposto l'opacità su .5 (50), la dissolvenza in entrata sfuma solo in .5 (50).

Quindi, per quale motivo è possibile impostare l'oggetto su cui consentire la funzione .fadeIn()?

Grazie!

fonte

2010-09-18 Nate

Se si utilizza solo 'visualizzazione: none' il' fadeIn() 'dovrebbe funzionare. Ecco un esempio: http://jsfiddle.net/n7FzR/1/ – user113716

Sei sicuro di non provare a 'fadeIn' figlio dell'elemento a cui li colleghi? –

Hi è il codice con la versione

lavoro

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

dal vivo demo

http://jsfiddle.net/2p2v4/

fonte

2010-09-18 01:04:59

grazie mille signore – Nate

A seconda del tuo layout, potresti non voler iniziare con 'display: none;', e per fortuna questo sembra funzionare senza. –

si può utilizzare sotto scritto o semplicemente aggiungere il codice nella parte inferiore della pagina di

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

Credo che il problema è

si sta chiamando fade in prima della Gli elementi dom sono creati nel browser
o jQuery , Versione di Visual Studio, come mi ricordo c'era qualche bug nel cosa opacità di jQuery in Visual Studio versione

fonte

2010-09-18 05:56:43

JQuery: Avvia l'oggetto come nascosto in un modo che consenta .fadeIn() di funzionare

risposta

Problemi correlati