jQuery fade out prima della dissolvenza in
-
29-09-2019 - |
Domanda
sto facendo il mio portafoglio, basata totalmente javascript. http://portfolio.theadamgaskins.com/Portfolio/
Il mio problema, è quando si fa clic su uno dei pulsanti di navigazione, le nuove dissolvenze pagina in allo stesso tempo che l'altra pagina si spegne. La pagina corrente dovrebbe fade out prima che le nuove dissolvenze pagina nel Ecco il codice che sto usando:.
$("#homeButton").click(function()
{
$('.page[id!="homePage"]').fadeOut('400', function()
{
$("#homePage").fadeIn('400');
});
});
Questo è fuori contesto; sentitevi liberi di View Source
sul sito.
Soluzione
Questo accade perché alcuni degli elementi sono già nascosto, così i loro callback eseguire immediatamente ... causando l'animazione simultanea. Per rimediare a questo componente aggiuntivo :visible
al selettore di elementi da animare, come questo:
$("#homeButton").click(function() {
$('.page[id!="homePage"]:visible').fadeOut('400', function() {
$("#homePage").fadeIn('400');
});
});
In questo modo non si sta collegando un'animazione o richiamata problematica agli elementi che sono già nascosto.