Foundation 4 Ошибка инициализации орбиты

Question

Я немного новичок в Foundation 4 и плагине Orbit, но я не могу понять, почему плагин орбиты не будет инициализирован. У меня установлена ​​компасная версия основания 4.

В zepto.js и jquery.js в JavaScripts/поставщика /, и файл foundation.orbit.js в JavaScripts/основания/

Modernizr

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

Orbit Plugin:

<!-- 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

У меня Modernizr в голове, и вот что секция выглядит прямо до последнего последнего тела тега:

<!-- 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 Я проверил свой сайт. Удалите первый слэш из вашего фонда пути расслоения плотной

UPDATE Просто удалите этот

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