Zurb foundation 基础6轨道:禁用自动播放

Zurb foundation 基础6轨道:禁用自动播放,zurb-foundation,orbit,Zurb Foundation,Orbit,我希望创建一个轨道,将不会自动播放,只有改变幻灯片时,用户点击“下一步”链接手动 文件: 我是否以错误的方式使用数据选项 <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">&

我希望创建一个轨道,将不会自动播放,只有改变幻灯片时,用户点击“下一步”链接手动

文件:

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

<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>

    上一张幻灯片◀︎; 下一张幻灯片▶︎;


干杯

我就是这样让它工作的:

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

我就是这样让它工作的:

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

如中所述,有两种方法可以在HTML中定义设置:

  • 作为个人数据属性,就像奥斯蒙德在他的回答中所做的那样

    <div class="orbit" role="region" data-orbit data-auto-play="false">
    
  • 在前一种情况下,选项用连字符表示,而在第二种情况下,选项用camelCased表示。

    如中所述,有两种方法可以在HTML中定义设置:

  • 作为个人数据属性,就像奥斯蒙德在他的回答中所做的那样

    <div class="orbit" role="region" data-orbit data-auto-play="false">
    
  • 在前一种情况下,选项以连字号表示,而在第二种情况下,选项以camelCased表示。

    使用了数据自动播放=“false”和数据选项=“autoPlay:false;”,也尝试了数据选项=“autoPlay:false;”-这些都没有区别,滑块仍然自动播放使用了数据自动播放=“false”和数据选项=“自动播放:错误;,还尝试了data options=“自动播放:false;“-所有这些都没有影响,滑块仍然自动播放