【问题标题】:Zurb Orbit Slider does not loadZurb 轨道滑块不加载
【发布时间】:2013-10-23 17:20:48
【问题描述】:

所以我们在这里: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>

【问题讨论】:

    标签: javascript jquery zurb-foundation orbit


    【解决方案1】:

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

    【讨论】:

    • 这是我得到的唯一错误:Uncaught TypeError: Object [object Object] has no method 'foundation' studio.html:140 (anonymous function) 知道为什么吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-09-01
    • 2014-01-10
    • 1970-01-01
    • 2012-07-26
    • 1970-01-01
    • 1970-01-01
    • 2018-05-04
    相关资源
    最近更新 更多