Bootstrap 2似乎可以正常使用以下代码处理幻灯片事件(请参阅this question):
$('#myCarousel').bind('slide', function (e) {
console.log('slide event!');
});
但是,我不能在Bootstrap 3中使用相同的东西(参见this fiddle)。谁知道为什么?
答案 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());
});