轨道滑块 - 从轨道滑块中删除进度条答案

【问题标题】：orbit slider - remove progress bar from orbit slider轨道滑块 - 从轨道滑块中删除进度条
【发布时间】：2014-01-10 16:15:32
【问题描述】：

如何移除或关闭轨道滑块的计时器进度条？

查看了所有自定义设置，但没有看到任何可以做到这一点的东西。

【问题讨论】：

我相信“正确”的做法是在 SCSS 设置中将 $orbit-timer-show-progress-bar 设置为 false。不幸的是，我无法让它产生任何效果。（因此没有将其发布为答案）。

【解决方案1】：

在 HTML 文件中：

<ul data-orbit data-options="timer:false;">
  <li>...</li>
  <li>...</li>
</ul>

或者在JS文件里面：

$(document).foundation({
  orbit: {
    timer: false
  }
});

如果您使用 Foundation 5，请参阅文档 here，如果使用 Foundation 4，请参阅文档 here。您可以在提到的文档页面末尾找到有关 Orbit 的 JS 设置的说明。

【讨论】：

【解决方案2】：

将以下内容添加到您的样式表中：

.orbit-timer { display:none;}

它将完全隐藏进度条，它只是在一个连续的循环中。

【讨论】：