Question

以下是Bootstrap指标的代码：

  <li data-target="#carousel-showcase" data-slide-to="0" class="active"></li>
  <li data-target="#carousel-showcase" data-slide-to="1"></li>
  <li data-target="#carousel-showcase" data-slide-to="2"></li>

我想要的是将li的班级更改为prev和next，具体取决于点击的指示符，例如：

  <li data-target="#carousel-showcase" data-slide-to="0" class="active"></li>
  <li data-target="#carousel-showcase" data-slide-to="1" class="next"></li>
  <li data-target="#carousel-showcase" data-slide-to="2" class="next"></li>

或

  <li data-target="#carousel-showcase" data-slide-to="0" class="prev"></li>
  <li data-target="#carousel-showcase" data-slide-to="1" class="active"></li>
  <li data-target="#carousel-showcase" data-slide-to="2" class="next"></li>

或

Answer 1

var indicators = $（“ol.carousel-indicators li”）;

$（指标）.click（function（）{

if ($(indicators).hasClass("active")) {

    if ($(this).attr("data-slide-to") == 0) {

        $("#two").removeClass("prev");

        $("#three").removeClass("prev");

        $("#two").removeClass("active");

        $("#three").removeClass("active");

        $("#one").addClass("active");

        $("#two").addClass("next");

        $("#three").addClass("next");

    } if ($(this).attr("data-slide-to") == 1) {

        $("#one").removeClass("next");

        $("#three").removeClass("prev");

        $("#one").removeClass("active");

        $("#three").removeClass("active");

        $("#one").addClass("prev");

        $("#two").addClass("active");

        $("#three").addClass("next");

    } if ($(this).attr("data-slide-to") == 2) {

        $("#one,#two").removeClass("next");

        $("#two").removeClass("next");

        $("#one").removeClass("active");

        $("#two").removeClass("active");

        $("#one").addClass("prev");

        $("#two").addClass("prev");

        $("#three").addClass("active");

    }

}

}）;

HTML：

嗨试试这个可能会帮助你... 请从这里复制CSS样式：http://jsfiddle.net/rCH3K/1/ 这个小提琴不起作用，但在本地测试ie / chrome / ffox。

如果有用则标记为已回答。

Answer 2

$(document).hasClass('active')) {
    //change here
}

Bootstrap轮播指示器。更改指标类别取决于它是否有效

2 个答案: