Javascript 我的基础轨道图像滑块工作在科特森但不在柱塞上
我的动态观察图像滑块在中按预期工作Javascript 我的基础轨道图像滑块工作在科特森但不在柱塞上,javascript,jquery,css,Javascript,Jquery,Css,我的动态观察图像滑块在中按预期工作 <ul class="slider" data-orbit> <li> <img src="http://foundation.zurb.com/docs/assets/img/examples/satelite-orbit.jpg" alt="" /> <div class="orbit-caption">insert the image caption here</div>
<ul class="slider" data-orbit>
<li>
<img src="http://foundation.zurb.com/docs/assets/img/examples/satelite-orbit.jpg" alt="" />
<div class="orbit-caption">insert the image caption here</div>
</li>
<li>
<img src="http://foundation.zurb.com/docs/assets/img/examples/andromeda-orbit.jpg" alt="" />
<div class="orbit-caption">insert the image caption here</div>
</li>
<li>
<img src="http://foundation.zurb.com/docs/assets/img/examples/launch-orbit.jpg" alt="" />
<div class="orbit-caption">insert the image caption here</div>
</li>
</ul>
及
$(document.foundation()代码>
但是同样的代码在中不起作用
真奇怪。有什么帮助吗?谢谢。您没有在Plunkr中引用您的script.js
在Codepen中,JS是与演示内联添加的。但是在Plunkr中,您需要在HTML代码中引用JavaScript文件,或者可以在$(document.foundation()中添加内联代码代码>在
哈哈,我想晚上太晚了。谢谢
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation/foundation.orbit.min.js"></script>
<script src="script.js"></script> <!-- Add -->