在旋转木马滑动（不滑动）事件，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，它是acc：to BS2，也使用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());
});