표시/숨기기 - jQuery 문제

Question

특히 Internet Explorer를 사용하여 this 웹 사이트를 구축하는 동안 많은 문제가있었습니다.

연락처를 클릭하면 애니메이션이 엉망이되고 취소를 클릭하면 다시 한 번 취소됩니다.

나는 또한 Spark JS을 사용했으나 이것 역시 (IE에서만) 재생됩니다.

스파크 테스트는 여기에 있습니다 : Spark 2 Spark 3

Answer 1

난 당신이 두 개의 서로 다른 자바 스크립트 라이브러리를 사용하는 동안 문제가 있는지, 특히, CSS를 문제가있는 것 같아요. 애니메이션을 사용하지 않고 div를 숨기고 CSS 위치 지정 집합을 얻은 다음 애니메이션을 추가합니다.

또한 모든 페이지의 모든 콘텐츠를 한 번에로드하는 경우 jQuery live()을 사용할 이유가 없습니다.

편집 : 흠, 조금 더 살펴본 후에는 문제가있는 positionFooter() 기능 일 수 있습니다. 컨테이너에 position: relative을 추가 한 다음 바닥 글에 position: absolute을 추가하고 항상 top을 계산하는 대신 bottom:0을 사용하여 배치하십시오. 그런 식으로 컨테이너 블록에 부착되므로 처음에는 positionFooter() 기능을 사용할 필요가 없습니다.

---

편집 : 좋아, 당신의 페이지 상단의 <style> 섹션 안에이 추가

.container { position: relative; } 
#footer { position: absolute; bottom: -100px; clear: both; } 

는 다음 positionFooter() 기능을 비활성화합니다.