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 tokenorと表示されunexpected 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 に答える