我在最后一张幻灯片上使用带有 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 时, slider 最初显示为空白,我必须向后导航才能显示最后一张幻灯片。将 startAt
设置为 1 或 0 会导致最初显示正确的幻灯片。
关于javascript - Flexslider startAt 选项和 directionNav 似乎冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14304925/