javascript - 导航栏轮播元素背景颜色

Question

我在同一部分有一个导航栏和旋转木马，我想要的是当旋转木马指示器激活时它会更改导航栏和旋转木马元素的背景颜色，关于如何使用 jquery 函数执行此操作的任何想法？这是我的指标 jquery 代码:

  $(document).ready(function(ev){
        $('#carousel-example-generic').on('slide.bs.carousel', function (evt) {
        $('#carousel-example-generic .controls li.active').removeClass('active');    
        $('#carousel-example-generic .controls li:eq('+$(evt.relatedTarget).index()+')').addClass('active');        
            });

Answer 1

像这样尝试。使用 jQuery，您可以将操作/方法链接在一起。链接允许我们在单个语句中运行多个 jQuery 方法(在同一元素上)。

    $('#carousel-example-generic .controls li:eq('+$(evt.relatedTarget).index()+')').css('background-color','green').addClass('active');   //sets background-color green