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 元素中。

幻灯片已经排好序，索引应该和幻灯片编号一致。

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

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