jQuery постепенное исчезновение:работаю над одной страницей, но не над другой
Вопрос
Так что это довольно специфично для веб-сайта, над которым я работаю.
Я создал свой собственный, очень простой ротатор jQuery для части витрины/портфолио веб-сайта, над которым я работаю.Однако на одной странице скрипт работает, а на другой, похоже, не работает даже простой FadeOut().
Две страницы:
1) http://dropyx.jonblower.co.uk
2) http://dropyx.jonblower.co.uk/the-work/
Если вы нажмете на < или >, вы поймете, что я имею в виду.Весь JavaScript встроен и его можно увидеть, просмотрев исходный код.
Любая помощь будет принята с благодарностью.Я боролся над этим весь день, и это должно быть что-то простое, что я упустил из виду.
РЕДАКТИРОВАТЬ:Интересно, что попытка использовать эффект FadeIn() работает.Я также могу вызвать отображение простого «alert()» при нажатии стрелок 2).
Решение
Я забыл добавить курс, который отображается на моей главной странице, но не на странице портфолио.Это добавляет свойство CSS «переполнение:auto;», что устраняет проблему.
Знал, что это будет что-то простое.
Так что просто чтобы уточнить.Чтобы FadeOut работал, элемент/контейнер должен правильно включать своих дочерних элементов.
Другие советы
Похоже, ваша вторая страница просто исчезает, прежде чем появиться.Запуск команды постепенного появления на консоли Firebug работает нормально.
РЕДАКТИРОВАТЬ:Упс, я редактировал, пока вы редактировали.:)
Контейнер на самом деле не содержит элементы должным образом.
В вашем CSS добавьте
#showcase-page-0 { float: left; }
Вам также не хватает возврата false из onclick.