我有一个flexslider对象,它工作正常。但是我在页面上有一个锚点,需要将轮播移动到最后一张幻灯片。此外,幻灯片编号可能会有所不同,因此针对特定的索引值将无法满足要求。
我毫不费力地移动到特定的索引,这样(移到第一个索引位置):
$('.flexslider').data("flexslider").flexAnimate(0);
我想象有某种类型的关键字,或者一个方程式,但是我没有找到可靠的资源。有什么想法吗?
我认为您已经接近答案了。您可以通过.index()
函数获取集合/选择器中任何相关元素的索引。
现在,假设您有ul个.slides
包含几个的类li
。
为了获取最后一个li的索引:
var index = $('.slides li').index($('.slides li:last'));
现在,既然您已获得所需幻灯片的索引,则可以将该索引传递给它flexslider
以激活或显示该幻灯片:
$('.flexslider').data("flexslider").flexAnimate(index);
您可以看到,默认情况下,滑块从上一张幻灯片开始。希望这可以帮助
此外,您可以将其用于 click handler
更新:幻灯片出现问题,除非单击滑块的下一个或上一个链接,否则不允许手动滑动。我发现的可能的修复方法是:
var lastSlide = $('.slides li').index($('.slides li:last'));
$("a.specs").click(function () {
flex.flexslider('next'); // This is the trick.
flex.flexslider(lastSlide)
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句