Foundation 4 轨道初始化错误

Question

我对 Foundation 4 和 Orbit 插件有点陌生，但我不知道为什么 orbit 插件不会初始化。我已经安装了foundation 4的指南针版本。

zepto.js和jquery.js在javascripts/vendor/，foundation.orbit.js文件在javascripts/foundation/

现代化

<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

我脑子里已经有了modernizr，下面是最后一个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>

这里你没有。其中一个肯定是错的。

还有你的第二张图片的路径。 "placehold.it//1000x400" 有两个斜线

编辑 我检查了你的网站。从你的基础 js 路径中删除第一个斜杠

更新 删除这个

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