时间戳

首页 > 解决方案 > 在 Bootstrap 5 中调用 carousel.to() 时出错

javascript - 在 Bootstrap 5 中调用 carousel.to() 时出错

问题描述

// Init carousel
let carousel = new bootstrap.Carousel(document.querySelector('#carouselMenu'), {
        interval: 0,
        wrap: false
});

// <SNIP>

// Jump to page with index 1
carousel.to("1");

错误：

轮播错误

如果不使用 JS 并为 button 添加 HTML 属性data-bs-slide-to="1"，则可以跳转

标签： javascriptbootstrap-5

解决方案

我会像文档中那样将其拆分。此外，我不会使用 0 时间间隔进行初始化，默认值为 5000，因此我会从那里开始或从 2000 开始以验证它不是导致问题的 0。最后，文档说 to 方法是基于 0 的，类似于数组，所以我假设你想要传递一个值而不是字符串，所以我会删除 ""

var myCarousel = document.querySelector('#carouselMenu')
var carousel = new bootstrap.Carousel(myCarousel, {
        interval: 2000,
        wrap: false
});

// <SNIP>

// Jump to page with index 1
carousel.to(1);

推荐阅读