javascript - jquery cycle2：如何通过幻灯片编号获取幻灯片

Question

我正在使用循环 2 ( http://jquery.malsup.com/cycle2/ ) 创建一个轮播，我无法弄清楚如何通过“幻灯片编号”访问幻灯片。

我可以使用 cycle.API 循环遍历幻灯片数组并找到幻灯片编号

$('#respo-slider').on('cycle-post-initialize', function(e, opts) {
    for(var i=0; i < opts.slideCount; i++){
       var slide_opt = $('#respo-slider').data('cycle.API').getSlideOpts(i);
   var slide_num = slide_opt["slideNum"];
   }
});

但我在 api 中的任何地方都找不到如何使用 jquery 通过其幻灯片获取元素（因此我可以编辑幻灯片元素的属性）。

我正在寻找的是类似的东西：

$('#respo-slider').getSlide(slide_num);

我花了很长时间试图弄清楚这一点，但我很难过。那里有人可以启发我吗？

Answer 1

所以喜欢...

$('#respo-slider').children('div').index(slide_num);

假设幻灯片在div元素中。

幻灯片已经按顺序排列，它们的索引应该与幻灯片编号相同。

轮播初始化后，它将多次复制幻灯片，因此您希望在初始化之前进行更改，而不是之后；因为这会给你每张幻灯片的倍数。

通过在初始化之前进行更改，应在创建轮播效果时克隆更改。