bootcss插件carousel轮换时的事件slide能否获得当前是哪一张

[hk207]

因为轮换的是一个小图，当图片轮换时需要根据当前图片修改当前背景，不知道怎么获取当前下标？用其提供的slide是否可以实现？

代码基本如下：

<div id="myCarousel" class="carousel">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">…</div>
    <div class="item">…</div>
    <div class="item">…</div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>

[zhjdg]

有2个参数暴露出来让你用的。relatedTarget direction $("#carousel_a").on('slide',function(e){ var $ = e.relatedTarget; var $ = e.direction; }); $("#carousel_a").carousel();

[hk207]

如果是slid呢？这个var $ = e.relatedTarget就不行了？？

[zhjdg]

没有提供参数，要搞的也只能对 this 做手脚。 $("#carousel_a").on('slid',function(e){ var $that = $(this); var $$ = $that.find('.active'); }); $("#carousel_a").carousel();

[潮起潮落]

class="active" 这个不是标识当前活动项的吗

[hk207]

我知道这个是当前活动项，但是在slide事件里我获取的是空的，好像获取不到。

[hk207]

通过firebug看到，slide好像是在旧的active清除之后，新的active加上之前执行的。

[ztszhq]

引用 2 楼 hk207 的回复:

我知道这个是当前活动项，但是在slide事件里我获取的是空的，好像获取不到。

得在滚动结束之后调用 获取 当前 class 类 为active 的元素

[hk207]

如何在滚动结束之后调用？