在特定幻灯片上触发事件 - Bootstrap Carousel

Question

好的,所以我需要在显示特定(例如数字2)幻灯片时触发事件.我检查了这个功能:

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

http://jsfiddle.net/9fwuq/380/

但在控制台中没有信息显示幻灯片.如何获得实际数量的幻灯片？有人可以帮忙吗？

Answer 1

您可以使用此事件并遵循逻辑:{也许更好的方法,检查DOC}

$('#myCarousel').bind('slid', function (e) {
    var index = $(e.target).find(".active").index();
    if(index === 1) //  (2 - 1) index is zero based
        alert('slide2 displayed!');
})

;

-DEMO-