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

hk207 2013-07-22 10:00:30
因为轮换的是一个小图,当图片轮换时需要根据当前图片修改当前背景,不知道怎么获取当前下标?用其提供的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>


...全文
267 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
hk207 2013-07-22
  • 打赏
  • 举报
回复
如何在滚动结束之后调用?
ztszhq 2013-07-22
  • 打赏
  • 举报
回复
引用 2 楼 hk207 的回复:
我知道这个是当前活动项,但是在slide事件里我获取的是空的,好像获取不到。
得在滚动结束之后调用 获取 当前 class 类 为active 的元素
hk207 2013-07-22
  • 打赏
  • 举报
回复
通过firebug看到,slide好像是在旧的active清除之后,新的active加上之前执行的。
hk207 2013-07-22
  • 打赏
  • 举报
回复
我知道这个是当前活动项,但是在slide事件里我获取的是空的,好像获取不到。
潮起潮落 2013-07-22
  • 打赏
  • 举报
回复
class="active" 这个不是标识当前活动项的吗
zhjdg 2013-07-22
  • 打赏
  • 举报
回复
没有提供参数,要搞的也只能对 this 做手脚。 $("#carousel_a").on('slid',function(e){ var $that = $(this); var $$ = $that.find('.active'); }); $("#carousel_a").carousel();
hk207 2013-07-22
  • 打赏
  • 举报
回复
如果是slid呢?这个var $ = e.relatedTarget就不行了??
zhjdg 2013-07-22
  • 打赏
  • 举报
回复
有2个参数暴露出来让你用的。relatedTarget direction $("#carousel_a").on('slide',function(e){ var $ = e.relatedTarget; var $ = e.direction; }); $("#carousel_a").carousel();

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧