JQuery Fadeout: Trabalhando em uma página, mas não outro

Question

Portanto, isso é bastante específico para um site em que estou trabalhando.

Eu criei meu próprio rotador jQuery muito simples para uma parte da vitrine / portfólio de um site em que estou trabalhando. No entanto, em uma página, o script funciona e, em outra página, nem mesmo um simples fadeout () parece funcionar.

As duas páginas são:

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

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

Se você clicar no <ou>, verá o que quero dizer. Todo o JavaScript está embutido e pode ser visto se você visualizar a fonte.

Qualquer ajuda seria muito apreciada. Eu tenho lutado nisso a tarde toda, e é obrigado a ser algo simples que eu tenho previsto.

EDITAR: Curiosamente, tentando usar o efeito Fadein (). Também posso fazer com que um simples "alert ()" seja exibido quando as setas são clicadas em 2).

Answer 1

Eu tinha esquecido de adicionar uma aula que aparece na minha página de primeira página, mas não na página do portfólio. Isso adiciona a propriedade CSS "Overflow: Auto;" que corrige o problema.

Sabia que seria algo simples.

Então, apenas para esclarecer. Para que o Fadeout funcione, o elemento/contêiner deve incluir seus filhos corretamente.

Answer 2

Parece que sua segunda página está desaparecendo antes que ela desapareça. Executando o comando Fade-in no console do Firebug funciona muito bem.

EDIT: OOPS, eu estava editando enquanto você editava. :)

Answer 3

O contêiner não está realmente contendo os elementos corretamente.

Em seu CSS adicionar

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

Você também está perdendo o retorno falso do OnClick.