jQuery fadeOut: lavorare su una pagina, ma non un altro

Question

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 vedrete cosa intendo. Tutto il javascript è in linea e può essere visto se si visualizza sorgente.

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).

Answer 1

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.

Answer 2

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. :)

Answer 3

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.