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

Question

我有一个工作完美的 flexslider 对象。 但是，我在页面上有一个 anchor ，需要将轮播移至最后一张幻灯片。 此外，幻灯片编号可能会有所不同，因此定位特定索引值无法满足要求。

我可以毫无困难地移动到特定索引，例如(移动到第一个索引位置):

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

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

Answer 1

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

现在，假设您有 .slides 类的 ul，其中包含多个 li。

获取最后一个li的索引:

var index = $('.slides li').index($('.slides li:last'));

现在，既然您已经获得了所需幻灯片的索引，您可以将此索引传递到 flexslider 来激活或显示该幻灯片:

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

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

此外，您可以将其用于点击处理程序

更新:幻灯片存在问题，除非单击 slider 的下一个或上一个链接，否则不允许手动滑动。 我发现的可能的修复是:

var lastSlide = $('.slides li').index($('.slides li:last'));
$("a.specs").click(function () {    
    flex.flexslider('next'); // This is the trick. 
    flex.flexslider(lastSlide)
});

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