嗨,大家好,我在用户点击指标或滑块箭头时努力添加/删除活动类的Twitter Bootstrap指标。谁能帮我这个忙:
这是代码:
$('.carousel-indicators li, .carousel-control').on("click",function(){
$('.carousel-indicators li.active').removeClass("active");
$(this).addClass("active");
Here is jsFiddle
Here is working jsFiddle without swipe feature.
当前,它可以与数字一起使用,但是当用户单击任何箭头或滑动时,它仅删除类,而不会增加指示器新的活动类。
搜索例如!
最佳答案
这是一个有效的示例http://jsfiddle.net/nuxfxz1w/10/
您只需要绑定来自引导轮播的slid事件
$('#myCarousel').bind('slid', function () {
$('.carousel-indicators .active').removeClass('active');
var activeIndex = $('#myCarousel .item.active').index();
$('.carousel-indicators li:eq(' + activeIndex + ')').addClass('active');
});