基础4 +轨道滑块:无法控制动画速度

时间:2013-09-19 14:41:09

标签: javascript jquery slider zurb-foundation orbit

我正在使用Foundation创建一个涉及Orbit Slider的网站。尽我所能,我无法改变滑块的速度。一切正常(jquery,滑块控件,滑块子弹,滑块自定义CSS等),我似乎无法改变幻灯片的参数。

我的文件负责人:

<script src="js/vendor/custom.modernizr.js"></script>

<script>
 $(document).foundation('orbit', {
timer_speed: 100,
});
</script>

在我身体的尽头:

  <script>
  document.write('<script src=js/vendor/' +
  ('__proto__' in {} ? 'zepto' : 'jquery') +
  '.js><\/script>')
  </script>

  <script src="js/foundation.min.js"></script>
  <script>
    $(document).foundation(
            );
  </script>

就像我说一切正常,我只是无法改变参数。

谢谢!

1 个答案:

答案 0 :(得分:2)

请尝试使用以下结构。您的问题是您在加载基础脚本之前引用了轨道,因此基本上忽略了头部中的js。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <!-- your content -->


    <script>
      document.write('<script src=js/vendor/' +
      ('__proto__' in {} ? 'zepto' : 'jquery') +
      '.js><\/script>')
  </script>

  <script src="js/foundation.min.js"></script>
  <script>
    $(document).foundation('orbit', {
        timer_speed: 100,
    });
  </script>
</body>
</html>