在旋轉木馬滑動（不滑動）事件，Bootstrap 3上的火災事件

Question

Bootstrap 2似乎可以正常使用以下代碼處理幻燈片事件（請參閱此問題 ）：

$('#myCarousel').bind('slide', function (e) {
    console.log('slide event!');
});

但是，我不能在Bootstrap 3中使用相同的東西（參見這個小提琴 ）。 誰知道為什么？

Answer 1

根據bootstrap3實現的slide實際事件命名空間是slide.bs.carousel而不是slide ，它是一個acc：到BS2，也使用slid.bs.carousel來跟蹤幻燈片的完成（雖然slid似乎工作。）

所以嘗試：

$('#myCarousel').bind('slide.bs.carousel', function (e) {
    console.log('slide event!');
});

演示

Answer 2

在之前滑動

h('#HomeSlider').bind('slide.bs.carousel', function (e) {
   alert(h('#HomeSlider .item.active').html());
});

在幻燈片之后

h('#HomeSlider').on('slid.bs.carousel', function (e) {
   alert(h('#HomeSlider .item.active').html());
});