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');