轮播幻灯片（非滑动）事件上的火灾事件，Bootstrap 3

Question

Bootstrap 2 似乎可以使用以下代码很好地处理幻灯片事件（请参阅this question）：

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

但是，我无法在 Bootstrap 3 中使用相同的功能（请参阅 this fiddle）。有人知道为什么吗？

Answer 1

根据 bootstrap3 实现，slide 的实际事件命名空间是 slide.bs.carousel，而不是 slide，后者是 BS2 的一个 acc:，也使用 slid.bs.carousel 来跟踪幻灯片的完成（尽管 slid 似乎工作。）

那就试试吧：

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

Demo

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