Question

Hay Guys，我正在使用Cycle插件进行图库。该插件具有可在图像显示后运行的功能

prevNextClick: function(isNext, zeroBasedSlideIndex, slideElement){
    SlideIndex = zeroBasedSlideIndex + 1;
    $(".count .c").empty().append(SlideIndex);
},
after: function(currSlideElement, nextSlideElement, options, forwardFlag){
    console.log(currSlideElement);
}

prevNextClick函数有一个变量zeroBasedSlideIndex，用于确定正在显示的图像，以及下一个函数不在哪里。我想得到元素的索引，以便我可以在我的HTML中显示它。

有什么想法吗？

Answer 1

您可以使用options.nextSlide：

after: function(currSlideElement, nextSlideElement, options, forwardFlag){
    $(".count .c").empty().append(options.nextSlide);
}

Answer 2

您始终可以使用jQuery中的“.index（）”函数获取元素的索引。因此，在这种情况下，您可以通过执行以下操作获取当前索引：

$(currSlideElement).index();

或者通过这样做获取下一个元素的索引：

$(nextSlideElement).index();

如果将索引作为“选项”的一部分传回以避免过多的DOM遍历，那将是很好的，但这是开发人员的注意事项。

更新：在我阅读本文时，我正在编码，并且发现了适当的“选项”：

options.currSlide;
options.nextSlide;
options.slideCount;

当我查看此计数演示的来源时发现了这一点： http://jquery.malsup.com/cycle/count.html

但是说，似乎使用任何一种选择都不可互换。对于我现在正在处理的代码，使用“$（currSlideElement）.index（）”和“$（nextSlideElement）.index（）”在“之前”回调中更能满足我的需求。在“options.currSlide”和“options.nextSlide”上下文中无法正常工作。将根据背景和需要进行实验。

Jquery循环下一个：功能帮助

2 个答案: