Foundation 4 + Orbit Slider：无法控制动画速度答案

【问题标题】：Foundation 4 + Orbit Slider: Can't control animation speedFoundation 4 + Orbit Slider：无法控制动画速度
【发布时间】：2013-09-19 14:41:09
【问题描述】：

我正在使用 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>

就像我说的一切正常，我只是无法更改参数。

谢谢！

【问题讨论】：

在加载基础 js 之前，您正在使用轨道。

标签： javascript jquery slider zurb-foundation orbit

【解决方案1】：

试试下面的结构。您的问题是您在加载基础脚本之前引用了轨道，因此头部中的 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>

【讨论】：