jQuery постепенное исчезновение:работаю над одной страницей, но не над другой

StackOverflow https://stackoverflow.com/questions/1658488

  •  11-09-2019
  •  | 
  •  

Вопрос

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

Я создал свой собственный, очень простой ротатор 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.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top