无法在 Foundation 5 Orbit 滑块中初始化 javascript答案

【问题标题】：Cannot initialize javascript in Foundation 5 Orbit slider无法在 Foundation 5 Orbit 滑块中初始化 javascript
【发布时间】：2014-05-19 13:09:34
【问题描述】：

我无法初始化基金会轨道滑块。由于我的代码不起作用，我尝试严格按照教程所说的内容进行操作。所以我按照 Zurb Foundation 网站上的教程来构建一个基本的滑块：

http://foundation.zurb.com/docs/components/orbit.html

http://foundation.zurb.com/docs/javascript.html

而且它没有初始化滑块。经过多次尝试，我无法弄清楚为什么。我使用的代码是下面的代码。如果你想测试它，只需解压缩 Foundation 库并将文件夹重命名为 Foundation。

当我加载页面时，Chrome 控制台中没有脚本错误。

感谢您的帮助

<html> 
<head>
    <script type="text/javascript" src="foundation/js/vendor/modernizr.js"></script>

</head>
<body> 


  <script src="foundation/js/vendor/jquery.js"></script>
  <script src="foundation/js/vendor/fastclick.js"></script>  
  <script src="foundation/js/foundation.min.js"></script>

  <ul data-orbit>
    <li>
      <img src="http://foundation.zurb.com/docs/assets/img/examples/satelite-orbit.jpg" alt="slide 1" />
      <div class="orbit-caption">
        Caption One.
      </div>
    </li>
    <li class="active">
      <img src="http://foundation.zurb.com/docs/assets/img/examples/andromeda-orbit.jpg" alt="slide 2" />
      <div class="orbit-caption">
        Caption Two.
      </div>
    </li>
    <li>
      <img src="http://foundation.zurb.com/docs/assets/img/examples/launch-orbit.jpg" alt="slide 3" />
      <div class="orbit-caption">
        Caption Three.
      </div>
    </li>
  </ul>


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

  </body> 
</html>

【问题讨论】：

标签： javascript jquery slider zurb-foundation orbit

【解决方案1】：

我想你可能忘记添加样式表了。

<link rel="stylesheet" href="./foundation/css/normalize.css">
<link rel="stylesheet" href="./foundation/css/foundation.css">

此外，如果基础文件夹与您的 html 文档位于同一文件夹中，则路径可能应该是 ./foundation ：

<script type="text/javascript" src="./foundation/js/vendor/modernizr.js"></script>

【讨论】：

谢谢@Crystal，你是对的，我错过了css文件的链接。