使用 Bootstrap 现成的轮播,我想在用户单击指示器或控件(下一个/上一个按钮)时禁用自动循环功能。因此,如果用户单击“下一步”按钮,轮播现在将是手动的。jQuery 不强,但这是我的尝试。
$('#myCarousel').click(function() {
$(this).stop();
});
使用 Bootstrap 现成的轮播,我想在用户单击指示器或控件(下一个/上一个按钮)时禁用自动循环功能。因此,如果用户单击“下一步”按钮,轮播现在将是手动的。jQuery 不强,但这是我的尝试。
$('#myCarousel').click(function() {
$(this).stop();
});
您可以interval
通过轮播的.data()
对象访问该选项,并将其设置为false
..
$('#myCarousel').click(function() {
$(this).data('carousel').options.interval=false;
});
演示: http: //www.bootply.com/65091
对于 Bootstrap 3,我正在做这样的事情。注意:我的页面的很大一部分都被轮播覆盖了,所以我告诉它不要在悬停时暂停(因为鼠标可能已经悬停了)。
要暂停,当在任意位置(包括指示器)单击轮播时:
$('#myCarousel').click(function () {
$('#myCarousel').carousel('pause');
});
仅在单击指示器时才暂停,这将是这样的。其他元素也是如此。
$(".carousel-indicators").click(function () {
$('#myCarousel').carousel('pause');
});
不直接在问题的范围内,但这是我如何防止它在鼠标悬停时暂停:
$('#myCarousel').carousel({
pause: "false"
});