Question

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

2014-05-16

432

javascript jquery twitter-bootstrap

我尝试使用以下命令跳过轮播中的 index(0) ：

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

但加载页面时会崩溃。我尝试使用 bootstrap 页面上的几个不同函数来执行此操作，但我似乎操作不正确。有人知道为什么会崩溃吗？

我尝试捕获幻灯片事件并说“如果轮播转到幻灯片 0，则将其发送到幻灯片 1”。如果这确实是一个无限循环，您能推荐一种方法来执行此操作吗？

崩溃

在此处输入图像描述

Answer 1

假设 carousel 像许多其他 jQuery 设置器一样返回 jQuery 对象，则您的 if 语句始终为 true ，这是一个无限循环，因此会崩溃。我没有使用 carousel 方法，但如果您想检查第一个项目当前是否处于活动状态，您可以选择活动项目并检查其索引：

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

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