如何在链接点击时将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)
   })