jQuery fadeOut: travailler sur une page, mais pas un autre

Question

Donc, c'est assez spécifique à un site Web sur lequel je travaille.

Je l'ai créé ma propre, très simple rotateurs jQuery pour une partie vitrine / portfolio d'un site Web sur lequel je travaille. Cependant sur une page le script fonctionne et sur une autre page même pas simple fadeOut () semble fonctionner.

Les deux pages sont:

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

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

Si vous cliquez sur le bouton vous verrez ce que je veux dire. Tout le javascript est en ligne et peut être vu si vous affichez la source.

Toute aide serait grandement appréciée. J'ai eu du mal sur cette après-midi, et il est lié à quelque chose de simple que je suis méconnais.

EDIT : Il est intéressant d'essayer d'utiliser des œuvres d'effet fadeIn (). Je peux aussi faire une « alerte () » simple à afficher lorsque les flèches sont cliqué sur le bouton 2).

Answer 1

J'avais oublié d'ajouter une classe qui apparaît sur mon première page, mais pas la page du portefeuille. Cela ajoute la propriété css "overflow: auto;" qui résout le problème.

savais que ce serait quelque chose de simple.

Il suffit donc de clarifier . Pour fadeOut travailler, élément / récipient doit renfermer correctement ses enfants.

Answer 2

Il semble que votre deuxième page est juste avant la sortie en fondu, il se fane jamais. L'exécution de la commande fade-in sur la console Firebug fonctionne très bien.

EDIT: Oops, j'éditais pendant que vous modifié. :)

Answer 3

Le conteneur ne contenant effectivement les éléments correctement.

Dans votre module CSS

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

Vous manque aussi le retour faux du onclick.