Jquery 如何使用bxslider在当前幻灯片中应用类？

我需要一点帮助。我正在尝试对我的bxslider横幅使用引导分页，并成功地将它们结合起来。现在我需要的是在当前页码中应用一个类“active”。我正在尝试使用“onSlideAfter”选项，但我不知道如何获取当前页面

这是我的分页代码：

<div class="pull-right">
    <div id="bx-pager">

        <nav>
          <ul class="pagination">
            <li><a href="#" id="slider-prev"><span class="sr-only">Previous</span></a></li>
            <li><a data-slide-index="0" href="">1</a></li>
            <li><a data-slide-index="1" href="">2</a></li>
            <li><a data-slide-index="2" href="">3</a></li>
            <li><a data-slide-index="3" href="">4</a></li>
            <li><a href="#" id="slider-next"><span class="sr-only">Next</span></a></li>
          </ul>
        </nav>
    </div>
</div>
<div class="clearfix"></div>

在我的css中，我想添加这样一个类

.page_active { color: maroon; }

我该怎么做？

回调函数有3个参数

函数（$slideElement，oldIndex，newIndex）

，您可以使用

newIndex

来确定页码，并

将类添加到
li

试试，（未经测试，添加一把小提琴以便我们可以尝试）

请看下面的演示，它工作得很好


$（'.bxslider'）.bxslider({
汽车：错，
自动控制：错误，
标题：错，
回答：是的，
useCSS:false，
速度：2000，
控制：对，
寻呼机：是的，
模式：“淡入淡出”，
幻灯片摘要：10，
暂停：10000，
放松：“放松”，
下一个选择器：“#滑块下一个”，
prevSelector:“#滑块prev”，
pagerCustom:“#bx寻呼机”，
onSlideAfter:函数（$slideElement、oldIndex、newIndex）{
$（'ul.pagination li a'）.removeClass（'page_active'）.filter（'[data slide index='+newIndex+']）.addClass（'page_active'）；
}
});
。页面\u处于活动状态{
颜色：栗色；
边框：1px实心栗色；
填充：2px；
}
.pagination li{显示：内联块；边距：2px；列表样式：无；}





















好的，我在小提琴部分有困难。：）但是当我尝试包含onSlideAfter函数
Uncaught ReferenceError:newIndex未定义时出错了
@Jerielle您需要添加函数参数，如
onSlideAfter:function（$slideElement，oldIndex，newIndex）{
好的，我已经添加了这些参数。现在没有错误，但它不会在当前页面中添加类。：（@Jerielle请看我的演示。@Jerielle不客气。在转到下一张幻灯片时，向
removeClass
添加了一些代码。
.page_active { color: maroon; }

$('ul.pagination li a[data-slide-index='+ newIndex +']').addClass('page_active');