jquery - 如果横幅中的最后一个图像处于活动状态，则更改文本颜色

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是active a#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");
        }
    }
});

演示