我正在使用 Bootstrap 轮播。我想要的是滑块仅在单击导航或分页时才会滑动。
我尝试过删除
$('.carousel').carousel({
interval: 6000
});
它工作正常,但我的问题是一旦我点击了导航或分页,它现在就会自动滑动。是否可以取消自动滑动功能?如果是这样,怎么办?
你可以通过 js 或 html (简单)两种方式做到这一点
- Via js
$('.carousel').carousel({
interval: false,
});
这将使自动滑动停止,因为没有添加毫秒,并且下次永远不会滑动。
-
Via Html通过增加
data-interval="false"
并删除data-ride="carousel"
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
becomes:
<div id="carouselExampleCaptions" class="carousel slide" data-interval="false">
根据@webMan 的评论更新
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)