Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的基础轨道图像滑块工作在科特森但不在柱塞上_Javascript_Jquery_Css - Fatal编程技术网

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 -->