gpt4 book ai didi

javascript - Bootstrap 轮播 : Remove auto slide

转载 作者:IT王子 更新时间:2023-10-29 02:41:50 25 4
gpt4 key购买 nike

我正在使用 Bootstrap 轮播。我想要的只是 slider 只会在单击导航或分页时滑动。我试过删除

$('.carousel').carousel({
interval: 6000
});

它工作正常,但我的问题是一旦我已经点击了导航或分页,它现在会自动滑动。是否可以去除自动滑动功能?如果是这样,如何?

最佳答案

你可以通过 js 或 html (easist) 两种方式做到这一点

  1. 通过js
$('.carousel').carousel({
interval: false,
});

这将使自动滑动停止,因为没有添加毫秒并且永远不会下一个滑动。

  1. 通过 Html 添加 data-interval="false" 并删除 data-ride="carousel"
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">

变成:

<div id="carouselExampleCaptions" class="carousel slide" data-interval="false">

根据@webMan 的评论更新

关于javascript - Bootstrap 轮播 : Remove auto slide,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14977392/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com