javascript - Flexslider startAt选项和directionNav似乎冲突

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

这似乎弄乱了方向导航。

任何人以前都遇到过这个问题，知道如何解决吗？

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

    $(".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将导致最初显示正确的幻灯片。

关于javascript - Flexslider startAt选项和directionNav似乎冲突，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14304925/