WordPress的Flexslider：多個計數器

Question

我想弄清楚如何讓多個計數器正常工作。 Flexslider功能的方式，可以爲每個幻燈片放映許多幻燈片和導航，但我無法讓計數器只用於單個幻燈片。

下面是一個例子： http://jsfiddle.net/thehonestape/3Cgcs/1/

我剛開始使用jQuery真正開始，所以我敢肯定的答案很簡單，但無法弄清楚我自己。謝謝您的幫助。

安倍

Answer 1

你可以通過這個代碼

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

將更新爲與類.current幻燈片的所有元素的文本設置的值。你給了兩個櫃檯同一班，這就是爲什麼他們顯示相同的值。

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; }); 

    } 

});