jQuery動畫和引導傳送帶

Question

我試圖在幻燈片出現時更改CSS值。我已經檢查了一個類似的問題並嘗試了這種方法，但迄今爲止我還沒有任何運氣。

我知道我可以用CSS來完成，但我更喜歡使用jQuery，因爲我有很多動畫要做。

$('.slide-header').on('slid.bs.carousel', function() { 
 
    $(this).find('.active .slide-header').css('display', 'block'); 
 
    ); 
 
});

.slide-header { 
 
\t display: none; 
 
}

<div class="item active" id="item-one"> 
 
    <div class="container"> 
 
     <div class="carousel-caption"> 
 
      <h1 class="slide-header">Slide Header</h1> 
 
      <p class="slide-description">Slide Description</p> 
 
     </div> 
 
    </div> 
 
</div>

Answer 1

http://jsfiddle.net/xbak4maj/1/

事件應重視旋轉木馬，而不是滑動：

HTML：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    ... 
    <div class="item active" id="item-1"> 
    ... 
    <div class="item active" id="item-2"> 
    ... 
</div> 

JQ：

$('#carousel-example-generic').on('slid.bs.carousel', function() { 

    $(this).find('.active .slide-header').css('display', 'block'); 
})