无法在Foundation 5 Orbit滑块中初始化JavaScript

Question

我无法初始化基金会轨道滑块。 由于我的代码无法正常工作，因此我严格按照本教程中的内容进行尝试。 因此，我正在按照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>

Answer 1

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

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

另外，如果Foundation Foundation文件夹与html文档位于同一文件夹中，则路径可能应该是./foundation：

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

无法在Foundation 5 Orbit滑块中初始化JavaScript

问题描述

1 个解决方案

解决方案1
1 2014-05-19 13:27:29

无法在Foundation 5 Orbit滑块中初始化JavaScript

问题描述

1 个解决方案

解决方案1 1 2014-05-19 13:27:29

解决方案1
1 2014-05-19 13:27:29