Question

我希望创建一个不会自动播放的轨道，只有在用户点击＆＃34; next＆＃34;手动链接。

文档： https://foundation.zurb.com/sites/docs/orbit.html

我是否以错误的方式使用数据选项？

<div class="orbit" role="region" data-orbit data-options="data-timer-delay:0; data-auto-play:false;">
  <ul class="orbit-container">

    <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
    <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>

        <li class="is-active orbit-slide">
            <img class="orbit-image" src="https://foundation.zurb.com/sites/docs/assets/img/orbit/01.jpg" alt="Space">
        </li>
        <li class="orbit-slide">
           <img class="orbit-image" src="https://foundation.zurb.com/sites/docs/assets/img/orbit/01.jpg" alt="Space">
        </li>

  </ul>
</div>

http://codepen.io/anon/pen/vyoRJz

干杯！

Answer 1

这就是我开始工作的方式：

<div class="orbit" role="region" data-orbit data-auto-play="false">

Answer 2

正如Foundation docs中所述，有两种方法可以在HTML中定义设置：

作为个人数据属性，就像Åsmund在他的回答中所做的那样
```
<div class="orbit" role="region" data-orbit data-auto-play="false">
```

或者在data-options属性中一起使用，例如

<div class="orbit" role="region" data-orbit data-options="autoPlay:false; timerDelay:1000; bullets:false">

在前一种情况下，选项以带连字符的单词表示，而在第二种情况下，选项以带注释的字符表示。

Foundation 6 Orbit：禁用自动播放

2 个答案: