jQuery fadeOut: lavorare su una pagina, ma non un altro
Domanda
Quindi questo è abbastanza specifico per un sito web sto lavorando su.
Ho creato il mio, molto semplice rotatori jQuery per una parte vetrina / portafoglio di un sito web che sto lavorando. Tuttavia in una pagina lo script funziona e su un'altra pagina non anche un semplice fadeOut () sembra funzionare.
Le due pagine sono:
1) http://dropyx.jonblower.co.uk
2) http://dropyx.jonblower.co.uk/the-work/
Se si fa clic sul
Qualsiasi aiuto sarebbe molto apprezzato. Ho lottato su questo tutto il pomeriggio, ed è destinata a essere qualcosa di semplice, che mi è stato trascurando.
Modifica : È interessante notare che, cercando di utilizzare opere effetto fadeIn (). Posso anche causare un semplice "alert ()" per visualizzare quando le frecce sono cliccato su 2).
Soluzione
mi ero dimenticato di aggiungere una classe che appare sulla mia prima pagina, ma non la pagina del portafoglio. Questo aggiunge il "overflow: auto;" css proprietà che risolve il problema.
sapeva che sarebbe stato qualcosa di semplice.
Quindi, solo per chiarire . Per fadeOut al lavoro, elemento / contenitore deve racchiudere correttamente i suoi figli.
Altri suggerimenti
Sembra che la tua seconda pagina è solo dissolvenza in chiusura prima che mai svanisce nel. L'esecuzione del fade-in di comando sulla console di Firebug funziona bene.
EDIT: Oops stavo scrivendo, mentre si è modificato. :)
Il contenitore non è effettivamente contenente gli elementi correttamente.
Nel vostro CSS add
#showcase-page-0 { float: left; }
Sei anche manca il ritorno falso dal onclick.