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-

Answer 2

看到这个。 http://jsfiddle.net/naeemshaikh27/9fwuq/382/

   var x=0;
    $('#myCarousel').bind('slide.bs.carousel', function (e) {

        if(x%3==0)
        {
            console.log('slide number');

// trigger you event here
        }
        x++;
    });

你只需要设置条件来检查当前幻灯片的数量。在上面给出的例子中，我每次都会检查第一张幻灯片。[假设计数从00开始]。

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

2 个答案:

-DEMO-