Zurb Orbit Slider无法加载

时间:2013-10-23 17:20:49

标签: javascript jquery zurb-foundation orbit

所以我们在这里:http://greeceinsiders.com/VLASIOS/offcanvas/studio.html

我按照说明在页面中放置了轨道滑块,但这个似乎没有用。我从其他用户那里读到他们遇到了类似的问题。有人可以帮忙吗?

<ul data-orbit class="orbit-slides-container">
  <li data-orbit-slide="1">
    <img src="images/studio/1.jpg" />
    <div class="orbit-caption">...</div>
  </li>
  <li data-orbit-slide="2">
    <img src="images/studio/2.jpg" />
    <div class="orbit-caption">...</div>
  </li>
  <li data-orbit-slide="3">
    <img src="images/studio/3.jpg" />
    <div class="orbit-caption">...</div>
  </li>
</ul>

在结束体标记的末尾我包含了javascripts:

<!-- Check for Zepto support, load jQuery if necessary -->
<script>
  document.write('<script src=/javascripts/vendor/'
    + ('__proto__' in {} ? 'zepto' : 'jquery')
    + '.js><\/script>');
</script>




    <!-- Included JS Files -->
    <script src="javascripts/foundation/foundation.js"></script>
      <script src="javascripts/foundation/jquery.js"></script>
      <script src="javascripts/foundation/jquery.foundation.reveal.js"></script>
      <script src="javascripts/foundation/jquery.foundation.orbit.js"></script>
      <script src="javascripts/foundation/jquery.foundation.forms.js"></script>
      <script src="javascripts/foundation/jquery.placeholder.js"></script>
      <script src="javascripts/foundation/jquery.foundation.tooltips.js"></script>
      <script src="javascripts/foundation/jquery.foundation.alerts.js"></script>
      <script src="javascripts/foundation/jquery.foundation.buttons.js"></script>
      <script src="javascripts/foundation/jquery.foundation.accordion.js"></script>
      <script src="javascripts/foundation/jquery.foundation.navigation.js"></script>
      <script src="javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
      <script src="javascripts/foundation/jquery.foundation.tabs.js"></script>
      <script src="javascripts/foundation/jquery.offcanvas.js"></script>
      <script src="javascripts/foundation/app.js"></script>



    <script>
      $(document).foundation();
    </script>


        <!-- Orbit Bullet Slide Indicator -->
        <ol class="orbit-bullets">
          <li data-orbit-slide-number="1"></li>
          <li data-orbit-slide-number="2" class="active"></li>
          <li data-orbit-slide-number="3"></li>
    </ol>

1 个答案:

答案 0 :(得分:0)

您没有将Zepto上传到您的服务器,或者它位于错误的文件位置。您收到以下NOT FOUND错误:http://greeceinsiders.com/javascripts/vendor/zepto.js