Question

我正在使用Flexslider在页面上创建多个滑块。这是一个Wordpress，所以帖子是动态创建的。我使用回调函数和这一行来计算幻灯片：

$('.promo-image-counter').text(slider.count);

但当然它改变了所有图像计数器上的文本（所有滑块都显示了最后一个滑块的幻灯片数量），我需要单独计算每个滑块上的幻灯片。

到目前为止我的代码：

$(".slider-promos").flexslider({
        animation: "slide",
        controlNav:false,
        touch:true,
        start: function(slider){
          $('body').removeClass('loading');
          $('.promo-image-counter').text(slider.count);
          $('.slides li img').show();
        }
 });

Answer 1

我已使用以下代码正确计算每个滑块上的幻灯片：

 $(".slider-promos").flexslider({
        animation: "slide",
        controlNav:false,
        touch:true,
        slideshow: false,
        start: function(slider){
          $('.slides li img').show();
          $('body').removeClass('loading');
          $(slider).find($(".promo-image-counter")).text(slider.count);
        }
    });

需要使用

$(slider).find($(".promo-image-counter")).text(slider.count);

而不是

$(this).find($('.promo-image-counter')).text(slider.count);

Answer 2

我需要单独计算每个滑块上的幻灯片。

你已经这样做了，你的失败就是你重写了＆＃34; .promo-image-counter＆＃34;内容与最新创建的滑块实例的计数。如您所愿，您希望每个滑块都有此行为。您可以通过为每个滑块选择＆＃34; .promo-image-counter＆＃34; -element来达到此目的，如下所示：

$('.slider1.promo-image-counter').text(slider.count);

Flexslider计算每个滑块

2 个答案: