Question

我正在试图弄清楚如何让多个计数器正常工作。 flexslider的功能，每个幻灯片都可以有很多幻灯片和导航，但我不能让计数器只为一个幻灯片放映工作。

这是一个例子： http://jsfiddle.net/thehonestape/3Cgcs/1/

我刚刚开始使用jquery，所以我确信答案很简单，但我自己无法解决。谢谢您的帮助。

安倍

Answer 1

您可以通过此代码

设置值

$('.current-slide').text()

这将使用类.current-slide更新所有元素的文本。你给了两个计数器相同的类，这就是为什么它们显示相同的值。

Answer 2

你不能按照你的方式解决问题。 jQuery将使用class =“。current-slide”选择所有元素。解决问题的唯一方法是重新考虑您的设计，即为什么在同一页面上有多个滑块？也许您可以将所有图像合并到一个滑块中或更改内容，这样每页就有一个滑块。例如，只需要链接（）到下一个主题的下一个滑块。如果滑块需要保持在同一页面上，则只需创建多个Flexislider调用：

$('.flexslider').flexslider({
//options
start: function(slider){
    $('.total-slides').text(slider.count);
    $('.current-slide').text(slider.currentSlide);
    $('.current-slide').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  },
  after: function(slider) {
    $('.current-slide').text(slider.currentSlide);
    $('.current-slide').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  }

 });

 $('.flexslider2').flexslider({
//options
 start: function(slider){
    $('.total-slides2').text(slider.count);
    $('.current-slide2').text(slider.currentSlide);
    $('.current-slide2').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  },
  after: function(slider) {
    $('.current-slide2').text(slider.currentSlide);
    $('.current-slide2').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  }

 });

Wordpress中的Flexslider：多个计数器

2 个答案: