bxSlider - getCurrentSlide를 사용하여 사용자 정의 캡션 만들기

Question

bxSlider 외부에있는 각 전달 슬라이드와 일치하는 캡션을 생성하려고합니다. getCurrentSlide();를 사용하려고합니다. 이렇게하려면 두 번째 슬라이드 후에 캡션이 "캡션 2"에 고정됩니다. 어떤 도움을 주시면 더 좋구요

var bxSlider = $('.bxslider').bxSlider(); 

$(document).on('click', function(){ 
    var current = bxSlider.getCurrentSlide(); 
    if (current = 0) { 
     $('p.custom_caption').html('Caption ONE'); 
    } 
    else if (current = 1) { 
     $('p.custom_caption').html('Caption TWO'); 
    } 
    else if (current = 2) { 
     $('p.custom_caption').html('Caption THREE'); 
    } 
    else if (current = 3) { 
     $('p.custom_caption').html('Caption FOUR'); 
    } 

}); 

JSFiddle

:

여기 내 자바 스크립트입니다! 감사!

Answer 1

dm4web은 (주석 참조) 권리 -

var bxSlider = $('.bxslider').bxSlider(); 

$(document).on('click', function(){ 
    var current = bxSlider.getCurrentSlide(); 
    if (current == 0) { 
     $('p.custom_caption').html('Caption ONE'); 
    } 
    else if (current == 1) { 
     $('p.custom_caption').html('Caption TWO'); 
    } 
    else if (current == 2) { 
     $('p.custom_caption').html('Caption THREE'); 
    } 
    else if (current == 3) { 
     $('p.custom_caption').html('Caption FOUR'); 
    } 
});