파운데이션 4 궤도 초기화 오류

Question

저는 파운더 4와 궤도 플러그인에 조금 익숙하지만, 궤도 플러그인이 초기화되지 않는 이유를 알 수 없습니다. 파운더 4의 나침반 버전이 설치되어 있습니다.

zepto.js jquery.js는 자바 스크립트 및/벤더 /에 있으며 foundation.orbit.js 파일/자바 스크립트/기반에

모더 나이저

<script src="javascripts/vendor/custom.modernizr.js"></script> 

궤도 플러그인 :

<!-- Orbit Slides and Object --> 

<div class="slideshow-wrapper"> 
    <span class="preloader"></span> 
<ul data-orbit> 
    <li> 
    <img src="placehold.it/1000x400" /> 
    <div class="orbit-caption">...</div> 
    </li> 
    <li> 
    <img src="placehold.it//1000x400" /> 
    <div class="orbit-caption">...</div> 
    </li> 
    <li> 
    <img src="placehold.it/1000x400" /> 
    <div class="orbit-caption">...</div> 
    </li> 
</ul> 
</div> 

페이지는 여기에서 찾을 수 있습니다 : http://foundationtest.tx0rx0.com/tx0rx0/testpage.html

나는 머리에 모더 나이저 얻고, 여기에 바로 마지막 마지막 body 태그 전에 같은 섹션이 어떻게 표시되는지를 보여줍니다했습니다

<!-- Javascript for Orbit Image Slider -->  
    <script> 
      document.write('<script src=/javascripts/vendor/' 
       + ('__proto__ ' in {} ? 'zepto' : 'jquery') 
       + '.js><\/script>') 
    </script> 

<script src= "/javascripts/foundation/foundation.js"></script> 
<script src= "/javascripts/foundation/foundation.alerts.js"></script> 
<script src= "/javascripts/foundation/foundation.orbit.js"></script> 

<!-- Initialize Foundation --> 

<script> 
    $(document).foundation(); 
</script> 

나는 간단 뭔가 확신 해요,하지만 난 그것을하고 도움이 표시되지 않습니다 찔러 주시면 고맙겠습니다. 감사합니다.

Answer 1

스크립트 경로가 옳지 않다고 생각합니다.

<script src= "/javascripts/foundation/foundation.js"></script> 
<script src= "/javascripts/foundation/foundation.alerts.js"></script> 
<script src= "/javascripts/foundation/foundation.orbit.js"></script> 

그리고 여기

document.write('<script src=/javascripts/vendor/' 
       + ('__proto__ ' in {} ? 'zepto' : 'jquery') 
       + '.js><\/script>') 

확인 슬래시.

<script src="javascripts/vendor/custom.modernizr.js"></script> 

여기에는이 기능이 없습니다. 그들 중 하나가 틀렸어 야합니다.

그리고 두 번째 img의 경로. "placehold.it//1000x400"에는 두 개의 슬래시가 있습니다.

EDIT 귀하의 사이트를 확인했습니다. 모두가 두 번째 IMG의 경로를 수정의 그냥이

<span class="preloader"></span>