Javascript 是否可以使用bxslider getCurrentSlide方法将类分配给活动幻灯片？

我只使用带字幕的bxslider。使用CSS，我将标题堆叠在彼此的顶部。我现在要做的是为活动标题（或“幻灯片”）指定一个类，以便更改其背景颜色

是否可以使用bxslider回调函数之一（它们都在中列出）来完成此操作？我想我可以使用getCurrentSlide来完成我所需要的，但我不确定该怎么做

下面是滑块的HTML片段

<div class="bx-wrapper">
 <div class="bx-viewport">
  <ul class="bxslider">
   <li>
    <div class="imageContainer">
      <a href="/">
       <img src="">
      </a>
    </div>
    <div class="captionContainer">
     <p class="captionTitle">Some text</p>
     <p class="captionBlurb">Some more text</p>
    </div>
   </li>
   <li>
    <div class="imageContainer">
      <a href="/">
       <img src="">
      </a>
    </div>
    <div class="captionContainer">
     <p class="captionTitle">Some text</p>
     <p class="captionBlurb">Some more text</p>
    </div>
   </li>
   <li>
    <div class="imageContainer">
      <a href="/">
       <img src="">
      </a>
    </div>
    <div class="captionContainer">
     <p class="captionTitle">Some text</p>
     <p class="captionBlurb">Some more text</p>
    </div>
   </li>
  <ul>
 </div>
</div> 

---

你真的试过你包含的JavaScript吗

它应该与分配类名一样简单：

current.addClass('yourClassName);

---

也许我误解了这个问题？

我知道这个问题很老，但我也有同样的问题。我是这样解决的

 slider = $('.bxslider').bxSlider({
  minSlides: 3,
  maxSlides: 3,
  slideWidth: 850,
  moveSlides: 1,
  onSliderLoad: function() {
    $(".bxslider li:not([class='bx-clone'])").eq(0).addClass('current');
  },
  onSlideBefore: function() {
    $(".bxslider li").removeClass('current');
    current = slider.getCurrentSlide();
    $(".bxslider li:not([class='bx-clone'])").eq(current).addClass('current');
  }
});     

在我的例子中，我有三个图像宽的滑块。中间的一个在屏幕中央，两边的两个都离开屏幕。我想为中间派开设一门课，“当前”，幻灯片。这就是我的方法

onSliderLoad（）中的代码最初将类添加到第一项

我希望它在将“current”类添加到下一个项之前（就在转换开始之前）将其添加到下一个项中，因此这两行位于
onSliderBefore（）中功能：

current = slider.getCurrentSlide();
$(".bxslider li:not([class='bx-clone'])").eq(current).addClass('current');

否则，您可以将这两行移动到
onSliderAfter（）函数和“当前”类将在幻灯片转换后添加。
好的观点。也许我想得太多了。不过，它似乎不起作用——这个类没有被应用。我添加了我用来调用bxslider的JS、我最初文章中的HTML以及将背景颜色更改为小提琴的CSS行：-知道我做错了什么吗？
current = slider.getCurrentSlide();
$(".bxslider li:not([class='bx-clone'])").eq(current).addClass('current');