尝试跳过索引时，Bootstrap轮播崩溃

Question

我试图在我的旋转木马上跳过index(0)：

    $('#carousel').on('slide.bs.carousel', function () {
    if($('#carousel').carousel(0)){
        $('#carousel').carousel(1);
    }
    });

但是当我加载页面时崩溃了。我试图使用bootstrap page上的一些不同功能来实现这一点，但我似乎做错了。任何想法为什么会崩溃？

我正在尝试捕捉幻灯片事件并说“如果轮播转到幻灯片0，则将其发送到幻灯片1”。如果这确实是一个无限循环，你能推荐一种方法吗？

崩溃

Answer 1

假设carousel像许多其他jQuery setter一样返回一个jQuery对象，你的if语句总是true，这是一个无限循环，所以崩溃。我没有使用carousel方法但是如果你想检查第一个项目当前是否有效，你可以选择活动项目并检查它的索引：

$('#carousel').on('slide.bs.carousel', function () {
    if ( $('#carousel .carousel-inner > .item.active').index() === 0 ) 
    {
        $('#carousel').carousel(1);
    }
});

上述查询假设您的HTML结构类似于Bootstrap doc的示例。