jQuery fadeOut: работает на одной странице, но не на другой

Question

Так что это довольно специфично для сайта, над которым я работаю.

Я создал свой очень простой ротатор jQuery для демонстрации / портфолио части веб-сайта, над которым я работаю. Однако на одной странице скрипт работает, а на другой странице, похоже, не работает даже простой метод fadeOut ().

Две страницы:

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

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

Если вы нажмете на <или>, вы поймете, что я имею в виду. Весь javascript встроен и может быть виден, если вы просматриваете источник.

Любая помощь будет принята с благодарностью. Я боролся за это весь день, и это должно быть что-то простое, что я упустил из виду.

РЕДАКТИРОВАТЬ : Интересно, что попытка использовать эффект fadeIn () работает. Я также могу заставить простой «alert ()» отображаться при нажатии на стрелки 2).

Answer 1

Я забыл добавить класс, который появляется на моей первой странице, но не на странице портфолио. Это добавляет свойство css "overflow: auto;" которая решает проблему.

Знал, что это будет что-то простое.

Так что просто уточнить . Чтобы fadeOut работал, элемент / контейнер должен правильно содержать свои дочерние элементы.

Answer 2

Контейнер на самом деле не содержит элементы должным образом.

В вашем CSS добавьте

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

Вы также пропускаете возврат false из клика.

Answer 3

Похоже, ваша вторая страница просто исчезает, прежде чем она исчезнет. Запуск команды fade-in на консоли firebug работает просто отлично.

РЕДАКТИРОВАТЬ: К сожалению, я редактировал, пока вы редактировали. :)