javascript - 单击链接时如何将 Bootstrap 轮播旋转到特定位置？

Question

我有多个基于文本的链接，我想连接到轮播中，这样一来，如果有人单击链接，它会将轮播旋转到相应的显示。

此外，如果旋转木马当前在与该链接一起显示的情况下，我想通过 CSS 使这些链接具有不同的颜色。

我是 Bootstrap 的新手，这是我第一次尝试使用它。如有任何帮助或建议，我们将不胜感激。

Answer 1

尝试使用下一个方案:

1. Markup

2. Javascript

   $("#Carousel").carousel({
       interval: 5000,
       pause: "hover"
   });
   
   $("#Carousel").bind("slid", function() {
       var a = $("#Carousel .item.active").index();
       $("#CarouselControls .carousel_control ").removeClass("active").eq(a).addClass("active")
   });
   
   $("#CarouselControls .carousel_control ").click(function() {
       var a = $(this).index();
       $("#CarouselControls .carousel_control ").removeClass("active").eq(a).addClass("active");
       $("#Carousel").carousel(a)
   })