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

Question

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，因为这应该(根据文档)防止它滑动，除非用户单击上一个/下一个链接。

起初这很好用:页面加载，没有滑动，用户点击下一个链接，很好地过渡到下一张幻灯片。但是如果用户将鼠标从容器#myCarousel 上移开，则滑动操作将再次开始自动化。

这是怎么回事？我真的很希望幻灯片操作在用户控制之下。

Answer 1

我无法重现您描述的行为。

JS Fiddle

如果您真的看到这种行为，您应该在 Bootstrap repo 上报告问题。 .

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

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

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

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

$('#myCarousel').off('mouseenter').off('mouseleave');