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时，滑块最初显示为空白，我不得不向后导航以显示最终幻灯片。将startAt设置为1或0会导致最初显示正确的幻灯片。

Flexslider startAt选项和directionNav似乎发生冲突

1 个答案: