滑动滑块滑块计数器问题

我在我的网页中使用滑块滑块。我在一个页面中使用多个滑块。每个滑块工作正常。我还在滑块的底部添加了滑块计数器。但似乎如果我去滑块的下一张幻灯片计数器正在每张幻灯片上生效。与此同时。例如，如果我在第一张幻灯片上转到下一张幻灯片，则它会在每个滑块中显示4个中的2个，而不是仅显示第一个滑块。滑动滑块滑块计数器问题

这里是我使用

这里jQuery的是HTML

<div class="modules col-md-5"> 
    <div class="module_wrap"> 
     <div class="mods"> 
      <a href="single.html"><img src="images/slide.png" alt=""></a> 
     </div> 
    </div> 
    <div class="module_wrap"> 
     <div class="mods"> 
      <a href="single.html"><img src="images/slide.png" alt=""></a> 
     </div> 
    </div> 
    <div class="module_wrap"> 
     <div class="mods"> 
      <a href="single.html"><img src="images/slide.png" alt=""></a> 
     </div> 
    </div> 
    <div class="module_wrap"> 
     <div class="mods"> 
      <a href="single.html"><img src="images/slide.png" alt=""></a> 
     </div> 
    </div> 
    <div class="slider_tag">Slide <span> </span></div> 

</div>

下面是jsfiddle

来源

2016-03-01 t.i.rony

你可以添加一个Jsfiddle吗？ –

已添加jsfiddle。谢谢 –

检查我的答案，并让我知道它是否对你有帮助。 –

只是在你拨弄的小变化是不够好，解决这个问题。这里是working fiddle

的问题是这一行代码

$status.text(i + ' of ' + slick.slideCount);

其中$status是

var $status = $('.slider_tag span');

这意味着所有span标签，而你更新所有任何跨度标签轮播下一张幻灯片事件。所以唯一的事情就是改变这一行代码

$(this).find('.slider_tag span').text(i + ' of ' + slick.slideCount);

而且它必须是固定的。

来源

2016-03-01 14:32:03

工程就像一个魅力！非常感谢你 –

滑动滑块滑块计数器问题

回答

相关问题