滑動滑塊滑塊計數器問題

我在我的網頁中使用滑塊滑塊。我在一個頁面中使用多個滑塊。每個滑塊工作正常。我還在滑塊的底部添加了滑塊計數器。但似乎如果我去滑塊的下一張幻燈片計數器正在每張幻燈片上生效。與此同時。例如，如果我在第一張幻燈片上轉到下一張幻燈片，則它會在每個滑塊中顯示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

工程就像一個魅力！非常感謝你 –

滑動滑塊滑塊計數器問題

回答

相關問題