如何将flexslider移动到最后一张幻灯片

Question

我有一个可以完美运行的flexslider对象。 但是我在页面上有一个锚点需要将轮播移动到最后一张幻灯片。 幻灯片编号也可能不同，因此定位特定索引值不符合要求。

我可以毫不费力地转移到特定的索引（移动到第一个索引位置）：

$('.flexslider').data("flexslider").flexAnimate(0);

我想象有某种类型的关键字，或者可能是一个等式，但我还没有找到可靠的资源。 有什么想法吗？

Answer 1

我认为你接近答案了。 您可以通过.index()函数获取集合/选择器中任何相关元素的索引。

现在，假设您有一些包含多个.slides的{​​{1}}课程。

获取最后一个li的索引：

li

现在，既然您已获得所需幻灯片的索引，则可以将此索引传递到var index = $('.slides li').index($('.slides li:last')); 以激活或显示该幻灯片：

flexslider

您可以看到默认情况下滑块从最后一张幻灯片开始。希望这有帮助

此外，您可以将其用于$('.flexslider').data("flexslider").flexAnimate(index);

更新：幻灯片存在问题，除非为滑块单击下一个或上一个链接，否则不允许手动滑动。 我找到的可能解决方法是：

click handler

演示： http://jsfiddle.net/lotusgodkk/n9JUc/21/

Answer 2

如果绕过.flexslider辅助函数，则可以覆盖内部检查器。

$('.flexslider').data("flexslider").flexAnimate(index, true, true);

第三个参数是覆盖参数。它基本上强制flexslider为该幻灯片设置动画，即使它没有通过canAdvance检查的内部检查。

如果你想淡化动画而不是滑动，这是必要的。 K K的解决方法不适用于淡入淡出动画。