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

Question

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

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

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

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

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

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

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

EDIT: Интересно, что попытка использования эффекта fadeIn() работает. Я также могу вызвать простое «alert()» для отображения при нажатии стрелок на 2).

Answer 1

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

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

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

Answer 2

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

EDIT: К сожалению, я редактировал, когда вы редактировали. :)

Answer 3

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

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

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

Вы также отсутствует возвращение ложных из OnClick.