2016-07-18 7 views
0

Orbit 및 Foundation 6을 성공없이 사용하려고합니다. 사진이 다른 사진 위에 겹쳐서 나타나며 변경되지 않습니다. 오류 콘솔에 Javascript 오류 메시지가 나타납니다.Zurb Foundation 6 및 Orbit Error

궤도에 대한 참조를 제거하면 자바 스크립트 오류 메시지가 나타나지 않습니다.

타임 스탬프 : 18/07/2016 12:51:46 오류 : TypeError : 죄송합니다. 개체가 유효한 매개 변수가 아닙니다. 호출 할 메소드를 나타내는 문자열을 사용해야합니다. 소스 파일 : http://lf/bower_components/foundation-sites/js/foundation.core.js 라인 : 284

JS 파일이 호출되는 페이지의 바닥의의 .js 코드에

</script> 
<!--<script src="js/vendor/jquery.js"></script> 
<script src="js/foundation/foundation.js"></script>--> 
<script src='bower_components/foundation-sites/js/foundation.core.js'></script> 
<script src='bower_components/foundation-sites/js/foundation.orbit.js'></script> 
<script> 
    /* 
    $(document).foundation(); 
    */ 

    $(document).foundation({ 
     orbit: { 
      animation: 'slide' 

     } 
    }); 
</script> 

모든 경로가 올바른지입니다.

나는 거기에 뭔가 잘못된 버전이 있다고 생각하지만, 무엇을 모르겠다.

누구에게 의견이 있습니까?

답변

0

재단 6은 참조해야 first script해야 jqueryjquery(version).min 또는 jquery.js를 사용합니다.

덧붙여서 나는 Foundation 6 Orbit Slider 설명서의 JavaScript Reference 섹션을 검토하지 않았다고 생각합니다.

은 말한다 :

파일 foundation.orbit.jsfoundation.core.js과 함께,이 플러그인을 사용하도록 JavaScript에 포함되어야합니다. 이 플러그인은 이러한 유틸리티 라이브러리가 필요합니다

foundation.util.keyboard.js, foundation.util.motion.js, foundation.util.timerAndImageLoader.jsfoundation.util.touch.js

그래서 스크립트 공간에 다음을 참조 시도하거나 모든 종속성을 담당하게 될 것 foundation.min.js를 사용합니다.

하나 더 중요 것은 당신이 당신의 슬라이더를 animate하려는 경우, 당신은 설치해야합니다과 Orbit Slider 문서의 Using Animation 절에서 언급 한 바와 같이motion-ui 참조를 포함한다.

+0

감사합니다. 나는 그것을 시도 할 것입니다. 다른 곳에서 내 샘플에 표시된 코드를 발견했습니다. 지금 어디 있는지 알 수 없습니다! 나는 내일 그것을 점검 할 것이다. –

+0

"4 공백"과 백틱을 모두 시도해도 회신의 코드를 표시 할 수 없습니다. 긴 텍스트 행으로 나타납니다. 나중에 다시 시도 할 것입니다! –

+0

코드를 표시하려면 두 번째 줄에 4 개의 공백을 남겨 두어야합니다 (hit return/enter). –