Question

我的自定义引导转盘只是一个小问题.. 我的<li>没有上课active ...

$(document).ready(function() {
  $(".carousel").carousel({
    interval: 2000
  });
  $(".carousel").on("slid", function() {
    var to_slide;
    to_slide = $(".carousel-item.active").attr("data-slide-no");
    $(".myCarousel-target.active").removeClass("active");
    $(".carousel-indicators [data-slide-to=" + to_slide + "]").addClass("active");
  });
  $(".myCarousel-target").on("click", function() {
    $(this).preventDefault();
    $(".carousel").carousel(parseInt($(this).attr("data-slide-to")));
    $(".myCarousel-target.active").removeClass("active");
    $(this).addClass("active");
  });
});

和我的小提琴fiddle boot carousel

Answer 1

问题是由于没有名为.myCarousel-target的课程，以及在正常的preventDefault()上没有默认事件的情况下拥有li。

试试这个JS：

$(".carousel-indicators li").on("click", function() {
  $(".carousel").carousel(parseInt($(this).attr("data-slide-to")));
  $(".carousel-indicators li.active").removeClass("active");
  $(this).addClass("active");
});

JSFiddle of working example

Answer 2

以下是更新的 fiddle 。我已经重新格式化了块$(".carousel").on("slid", function() {，如下所示。

$(".carousel").on("slid.bs.carousel", function () {
    var act = $('.carousel-indicators li.active').next();
    if (act[0] == undefined) {
        act = $('.carousel-indicators li:first-child');
    }
    $('.carousel-indicators li').removeClass("active");
    act.addClass("active");
});

为什么我的<li>没有＆＃34;活跃＆＃34;？

2 个答案: