嗨,大家好,我在用户点击指标或滑块箭头时努力添加/删除活动类的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');

});

07-24 09:38
查看更多