jQuery fadeout : 한 페이지에서 작업하지만 다른 페이지에서 작업

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 () 효과를 사용하려고합니다. 화살표가 2를 클릭 할 때 간단한 "alert ()"가 표시 될 수 있습니다.

도움이 되었습니까?

해결책

포트폴리오 페이지는 내 앞 페이지에 나타나는 수업을 추가하는 것을 잊었습니다. CSS 속성 "오버플로 : 자동;"가 추가됩니다. 문제를 해결합니다.

그것이 단순한 것이라는 것을 알았습니다.

따라서 명확히하기 위해. 페이드 아웃이 작동하려면 요소/컨테이너가 어린이를 올바르게 동봉해야합니다.

다른 팁

두 번째 페이지가 사라지기 전에 사라지는 것처럼 보입니다. Firebug 콘솔에서 페이드 인 명령을 실행하는 것은 잘 작동합니다.

편집 : 편집하는 동안 편집하고 있었다. :)

컨테이너에는 실제로 요소가 제대로 포함되어 있지 않습니다.

CSS에서 추가

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

OnClick에서 Return False가 누락되었습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top