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

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

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

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

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

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

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

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

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


jquery fadein
person JonB    schedule 01.11.2009    source источник
comment
Очень странно! fadeIn, fadeTo, скрыть, показать всю работу, но fadeOut отказывается что-либо делать. Мне будет интересно посмотреть, разберется ли кто-нибудь в этом.   -  person WesleyJohnson    schedule 02.11.2009
comment
К вашему сведению: я проверил, выполнив javascript в адресной строке.   -  person WesleyJohnson    schedule 02.11.2009
comment
это, без сомнения, будет чем-то действительно н00бишным с моей стороны.   -  person JonB    schedule 02.11.2009
comment
О, и я тоже не мог заставить скрыться на работу.   -  person JonB    schedule 02.11.2009

Ответы (3)


arrow_upward
1
arrow_downward

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

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

Просто поясню. Для работы fadeOut элемент/контейнер должен правильно заключать своих дочерних элементов.

person JonB    schedule 01.11.2009

arrow_upward
0
arrow_downward

Похоже, ваша вторая страница просто исчезает, прежде чем она вообще исчезнет. Выполнение команды постепенного появления в консоли Firebug работает просто отлично.

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

person Myles    schedule 01.11.2009

arrow_upward
0
arrow_downward

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

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

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

Вам также не хватает возврата false из onclick.

person Greg    schedule 01.11.2009
comment
Но почему 1) работает, а 2) нет? Код практически тот же. - person JonB; 02.11.2009