jQuery fadeOut: trabajando en una página pero no en otro

Question

Así que esto es bastante específico a un sitio web que estoy trabajando.

He creado mi propio muy simple rotador, jQuery para una parte escaparate / cartera de una página web que estoy trabajando. Sin embargo en una página funciona el guión y en otra página ni siquiera un fadeOut sencilla () parece funcionar.

Los dos páginas son:

1) http://dropyx.jonblower.co.uk

2) http://dropyx.jonblower.co.uk/the-work/

Si hace clic en el botón verá lo que quiero decir. Todo el javascript está en línea y se puede ver si se visualiza la fuente.

Cualquier ayuda sería muy apreciada. He estado luchando en este toda la tarde, y que está destinada a ser algo sencillo que he estado pasando por alto.

Editar : Curiosamente, tratando de utilizar funciona el efecto fadeIn (). También puedo causar una "alerta ()" simple para mostrar cuando se hace clic en las flechas de 2).

Answer 1

Me había olvidado de añadir una clase que aparece en mi primera página pero no la página de la cartera. Esto añade el css propiedad "overflow: auto;" que corrija el problema.

sabía que sería algo sencillo.

Así sólo para aclarar . Para fadeOut para trabajar, elemento / envase deberá adjuntar sus hijos correctamente.

Answer 2

Parece que a la segunda página es sólo desvanece fuera antes de que nunca se desvanece en. Ejecución del fundido de entrada de comandos en la consola de Firebug funciona muy bien.

Edit: Vaya estaba editando, mientras que ha editado. :)

Answer 3

El envase no es en realidad contiene los elementos correctamente.

En el CSS complemento

#showcase-page-0 { float: left; }

También se está perdiendo el retorno falso de lo onclick.