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'); 
})