Wordpress의 Flexslider : 다중 카운터

Question

여러 카운터를 올바르게 작동시키는 방법을 찾으려고합니다. flexslider 기능이 작동하는 방식으로 각 슬라이드 쇼에 대해 많은 슬라이드 쇼와 탐색을 수행 할 수는 있지만 카운터를 하나의 슬라이드 쇼에 사용할 수는 없습니다.

다음은 예입니다 : 난 그냥 jQuery로 정말 시작 해요 http://jsfiddle.net/thehonestape/3Cgcs/1/

, 그래서 대답은 간단하다 확신 해요,하지만 내 자신에 그것을 알아낼 수 없습니다. 도와 주셔서 감사합니다.

아베

Answer 1

당신은 클래스 .current 슬라이드 모든 요소에 대한 텍스트를 업데이트합니다이 코드

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

하여 값을 설정합니다. 두 카운터에 동일한 클래스를 지정 했으므로 동일한 값을 표시합니다.

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

    } 

});