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

Question

我在最后一张幻灯片上使用带有 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 时没有正确设置导航。

Answer 1

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

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

当我将 startAt 设置为 7 时， slider 最初显示为空白，我必须向后导航才能显示最后一张幻灯片。将 startAt 设置为 1 或 0 会导致最初显示正确的幻灯片。