Flexslider startAt选项和directionNav似乎有冲突

Flexslider startAt option and directionNav seem to conflict

本文关键字：冲突 directionNav startAt 选项 Flexslider      更新时间：2023-09-26

我使用Flexslider 2.0，在最后一张幻灯片上带有startAt选项。

这似乎弄乱了方向导航。

有人遇到过这个问题，知道怎么解决吗?

我使用的代码没有什么特别的:

    $(".period-slides").flexslider({
      animation: "slide", 
      animationLoop: false,
      itemWidth: 265,
      minItems: 4,
      maxItems: 4,
      controlNav: false,
      directionNav: true,
      prevText: "'ue75d",
      nextText: "'ue75e"
      startAt: 7
    });

编辑:添加Html 

<div class="period-slides">
  <ul class="slides">
    <li class="slide"><!-- repeated 8 times -->
      <div class="period-overview">
        <p>Some Content</p>
      </div>  
    </li>
  </ul>
</div>

编辑:它似乎没有一个适当的指示在什么位置在当前是，似乎在导航当前位置是第一张幻灯片。所以当我设置startAt时它没有正确设置导航

根据你编辑的HTML，你总共有8个项目，它们将被分成两个四个幻灯片。

我认为您遇到的问题是将startAt设置为7太高-您只有两张幻灯片，因此索引需要为1或0。

当我将startAt设置为7时，滑块最初显示为空白，我必须向后导航以显示最终幻灯片。

将startAt设置为1或0，可以使正确的幻灯片最初显示。
相关文章：