无法在基础5轨道滑块中初始化JavaScript 我不能初始化基础轨道滑块。由于我的代码不起作用,我试着严格按照教程所说的去做。所以我在Zurb基金会网站上遵循教程,以便构建一个基本的滑块:

无法在基础5轨道滑块中初始化JavaScript 我不能初始化基础轨道滑块。由于我的代码不起作用,我试着严格按照教程所说的去做。所以我在Zurb基金会网站上遵循教程,以便构建一个基本的滑块:,javascript,jquery,slider,zurb-foundation,orbit,Javascript,Jquery,Slider,Zurb Foundation,Orbit,并且它没有初始化滑块。经过多次尝试,我不明白为什么。我使用的代码如下。如果要测试它,只需解压缩基础库并将文件夹重命名为基金会。 当我加载页面时,Chrome控制台中没有脚本错误 谢谢你的帮助 <html> <head> <script type="text/javascript" src="foundation/js/vendor/modernizr.js"></script> </head> <body>

并且它没有初始化滑块。经过多次尝试,我不明白为什么。我使用的代码如下。如果要测试它,只需解压缩基础库并将文件夹重命名为基金会。

当我加载页面时,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>


  • 标题一。
  • 标题二。
  • 标题三。
  • $(document.foundation();
    我想您可能忘记添加样式表了

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

    此外,如果基金会文件夹与HTML文档处于同一文件夹中,那么路径应该是./Fase:

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

    谢谢@Crystal,你说得对,我丢失了指向css文件的链接。