1

我有一个 twitter 引导轮播组件,我想检测它的滑动功能,通过它,应该在每次滑动移动时更改另一个组件的前景色。

$('#welcomeCarousel').on('slide',function(e){
   var index = $(this).find('.active').index();       
   if(index==1) {
   $('.navbar-inverse .brand:hover,
      .navbar-inverse .nav > li > a:hover,
      .navbar-inverse .brand:focus,
      .navbar-inverse .nav > li > a:focus').css('color': 'rgb(255, 255, 255)');
   }
});

我认为由于选择了多个 CSS 类而出现问题,应该有 sth。错了,因为索引具有正确的值。JS 控制台说unexpected tokenunexpected string

jsfiddle。

4

3 回答 3

3

试试这个语法:

.css({'color': 'rgb(255, 255, 255)'});

文档:http ://api.jquery.com/css/#css-properties

于 2013-06-28T07:40:21.920 回答
0

我找到了一种更快的方法,首先,我定义了另一个 CSS 类:

.newClass .brand:hover,
.newClass .nav > li > a:hover,
.newClass .brand:focus,
.newClass .nav > li > a:focus {
    color: rgb(255, 255, 255);
}

然后,很容易切换或删除此类:

if(index==1) {
    $('#myNavigationBar').toggleClass("newClass");
}
if(index==0) {
    $('#myNavigationBar').removeClass("newClass");
}
于 2013-06-28T11:25:00.353 回答
0
.css('color': 'rgb(255, 255, 255)');

应该:

.css('color', 'rgb(255, 255, 255)');

如果您想更改多个 css 属性,请使用以下语法:

.css({'color': 'rgb(255, 255, 255)', diffrentProp : 'SomeValue'});
于 2013-06-28T07:41:46.487 回答