更改文本顏色，如果橫幅最後一個圖像是活動

Question

HTML：

<ul class="bxslider"> 
    <li><img src="image.jpg" alt="" /></li> 
    <li><img src="image.jpg" alt="" /></li> 
    <li><img src="image.jpg" alt="" /></li> 
</ul> 
<a id="selected" href="#">details</a> 

我用bxslider，我想，如果最後image是activea#selected將有一類.select這可能

示例： http://jsfiddle.net/NXzcx/83/

JS

$('.bxslider').bxSlider({ 
    auto: true, 
    infiniteLoop: false, 
    hideControlOnEnd: true, 
}); 

$(document).ready(function(){ 
       if (slider.active.index == 0){ 
       $('#selected').addClass("select"); 
      } 

      }); 

Answer 1

加onAfterSlide回撥到bxSlider。

$('.bxslider').bxSlider({ 
    auto: true, 
    infiniteLoop: false, 
    hideControlOnEnd: true, 
    onAfterSlide: function (currentSlide) { 
     if(currentSlide == $('.bxslider').children('li.pager').length -1) { 
      $('#selected').addClass("select"); 
     } else { 
      $('#selected').removeClass("select"); 
     } 
    } 
}); 

DEMO