2

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>

我已经看到了很多关于此的问题，但根据官方 Bootstrap 博客（标题“Javascript”下的项目 5 和 10），这个问题应该在 v2.0.3 中得到解决。

我在调用中添加了一个错误间隔，因为这应该（根据文档）防止它滑动，除非用户单击上一个/下一个链接。

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

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

4

1 回答 1

3

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

JS小提琴

如果你真的看到了这种行为，你应该在Bootstrap repo上报告一个问题。

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

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

的值pause只需要是 以外的任何值'hover'。just的值interval需要是虚假的，我认为 using0在语义上更有意义，因为否则它应该是一个数字。

另一种选择是手动关闭鼠标侦听器：

$('#myCarousel').off('mouseenter').off('mouseleave');
于 2012-07-17T15:43:36.487 回答