NIVO 슬라이더 워드 프레스 테마에서 제대로로드되지

Question

웹 사이트 : http://notsofastfoodtruck.com/

당신이 NIVO 슬라이더 이미지로드를 볼 수 있지만 그들은 정적 머문 시간 등이 작동하지 않기 때문에.

콘솔 오류 :

Uncaught TypeError: Object [object Object] has no method 'anim_progressbar' script.js:164 
Uncaught TypeError: Object [object Object] has no method 'nivoSlider' script.js:80 
Uncaught TypeError: Object [object Object] has no method 'nivoSlider' 

어떤 조언이 올바른 방향으로 날 가리 키도록이 감사합니다. 나는이 문제를 친구에게 알리려고 노력하고있다.

Answer 1

몇 가지 문제가 있습니다. jQuery 객체에서 알 수없는 메소드 (nivoSlider, anim_progressbar)에 대해 불평하는 주요 예외가 있습니다.

여기가 내가 찾은 것입니다.

1. 당신은 당신의 페이지에 JQuery와의 여러 버전을 포함하고 있습니다. 이것은 문제를 일으킬 것입니다. 그 중 하나의 경우 .NoConflict()을 호출했으며 이는 jQuery 객체를 정의합니다. 다른 사람은 그렇지 않은데, 이는 $ 개체를 정의합니다. anim_progressbar가 그들 중 하나 (jQuery)에 정의되어지고 다른 쪽에서 사용하려고 시도하고 있습니다. 예외가 발생합니다. 위의 화면에서 볼 수 있습니다. 해결책 : 하나의 jQuery 버전 만 사용하십시오.

2. nivoSlider()을 문서 준비 기능 외부에서 호출하려고합니다.

3. script.js에는 다른 부주의 한 내용이 있습니다. 완전히 비어있는 document.ready 블록처럼.

기본적으로 페이지를 제어해야합니다. 당신이 생각할 수있는 모든 것을 그 페이지에 버린 것 같습니다. 72 개의 스크립트와 jQuery의 여러 인스턴스가 있습니다. 모든 것을 다시 잘라서 제어하십시오. 다시 시작하다. 한 버전의 JQuery를 사용하십시오.

그런 다음 $(document).ready() 내에서 nivoSlider으로 전화하십시오.