Bootstrap Carousel v2.0.4在mouseleave事件上重新启动

时间:2012-07-04 08:37:00

标签: twitter-bootstrap carousel

jQuery v 1.7.2, Bootstrap v 2.0.4(今天早上从主页下载标准文件)

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script>$('#myCarousel').carousel({interval: false})</script>

我见过很多关于此的问题,但是according to the official Bootstrap blog(标题为“Javascript”的项目5和10),这个问题应该在v2.0.3中得到解决。

我在调用中添加了一个间隔false,因为这应该(根据文档)阻止它滑动,除非用户点击prev / next链接。

首先这很好用:页面加载,没有滑动,用户点击下一个链接,很好地转换到下​​一张幻灯片。但是如果用户将鼠标移离容器#myCarousel,则滑动动作将再次开始自动化。

发生了什么事?我真的希望幻灯片操作受用户控制。

1 个答案:

答案 0 :(得分:3)

我无法重新创建您描述的行为。

JS Fiddle

如果您确实看到此行为,则应在Bootstrap repo上报告问题。


也就是说,如果要完全禁用基于悬停的暂停切换,请尝试使用

$('#myCarousel').carousel({interval: 0, pause: 'none'});

pause的值只需要'hover'以外的任何值。 interval的值只需要是假的,我认为使用0在语义上更有意义,因为它应该是一个数字。

另一个选择是手动关闭鼠标监听器:

$('#myCarousel').off('mouseenter').off('mouseleave');
相关问题