在旋转木马滑动(不滑动)事件,Bootstrap 3上的火灾事件

Question

Bootstrap 2似乎可以正常使用以下代码处理幻灯片事件(请参阅此问题):

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

但是,我不能在Bootstrap 3中使用相同的东西(参见这个小提琴).谁知道为什么？

Answer 1

slide根据bootstrap3实现的实际事件名称空间是slide.bs.carousel,而不是slide其中acc:to 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());
});