我的基础轨道图像滑块在Codepen中工作，但在Plunker中没有

Question

我的Orbit图像滑块在 Codepen.io 中按预期工作，

<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();

但是完全相同的代码无效 Plunker 。

太奇怪了。有帮助吗？感谢。

Answer 1

您尚未在Plunkr中引用j_password。

在Codepen中，JS与演示内联。但是在Plunkr中，您需要在HTML代码中引用JavaScript文件，或者可以在script.js

之前在<script>$(document).foundation();</script>内添加内联

</body>

Updated Plunkr.co