javascript - jquery循环2 : how to get a slide by its slide number

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

幻灯片已按顺序排列，其索引应与幻灯片编号相同。

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

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