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

时间:2013-11-21 20:32:04

标签: javascript jquery html twitter-bootstrap twitter-bootstrap-3

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

$('#myCarousel').bind('slide', function (e) {
    console.log('slide event!');
});
但是,我不能在Bootstrap 3中使用相同的东西(参见this fiddle)。谁知道为什么?

2 个答案:

答案 0 :(得分:23)

根据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

答案 1 :(得分:8)

在幻灯片前

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