无法在基础5轨道滑块中初始化JavaScript 我不能初始化基础轨道滑块。由于我的代码不起作用,我试着严格按照教程所说的去做。所以我在Zurb基金会网站上遵循教程,以便构建一个基本的滑块:
并且它没有初始化滑块。经过多次尝试,我不明白为什么。我使用的代码如下。如果要测试它,只需解压缩基础库并将文件夹重命名为基金会。 当我加载页面时,Chrome控制台中没有脚本错误 谢谢你的帮助无法在基础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>
<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文件的链接。