jQuery fadeOut : 한 페이지에서 작업하지만 다른 페이지에서는 작동하지 않습니다.

Question

이렇게하면 작업중인 웹 사이트에만 한정됩니다.

내가 작업하고있는 웹 사이트의 쇼케이스/포트폴리오 부분을위한 매우 간단한 jQuery 로테이터를 만들었습니다. 그러나 한 페이지에서 스크립트가 작동하고 다른 페이지에서도 간단한 fadeOut()이 작동하지 않는 것 같습니다.

두 페이지는 다음과 같습니다 당신이 < 또는 클릭하면

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

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

가> 당신이 무슨 뜻인지 볼 수 있습니다. 모든 자바 스크립트는 인라인이며 소스를 보는 경우 볼 수 있습니다.

도움을 주시면 감사하겠습니다. 나는 오후 내내이 일에 어려움을 겪어 왔으며, 내가 간과하고있는 간단한 일이 될 것입니다.

EDIT : 흥미롭게도 fadeIn() 효과 작업을 사용하려고합니다. 2) 화살표를 클릭하면 간단한 "경고()"가 표시됩니다.

Answer 1

프론트 페이지에는 표시되지만 포트폴리오 페이지에는 표시되지 않는 클래스를 추가하는 것을 잊어 버렸습니다. 그러면 CSS 속성 인 "overflow : auto;"가 추가됩니다. 문제를 해결합니다.

뭔가 간단 할 것임을 알았습니다.

을 명확히하기 위해. fadeOut이 작동하려면 요소/컨테이너가 해당 하위 요소를 올바르게 묶어야합니다.

Answer 2

두 번째 페이지가 페이드 인하기 전에 페이드 아웃하는 것 같습니다. 방화 광 콘솔에서 페이드 인 명령을 실행하면 문제가 없습니다.

편집 : 죄송합니다. 편집하는 동안 수정 중입니다. :)

Answer 3

컨테이너에 실제로 요소가 제대로 포함되어 있지 않습니다. 당신은 또한 온 클릭에서 거짓 수익을 놓치고

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

당신의 CSS에서

추가.