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,则滑动动作将再次开始自动化。
发生了什么事?我真的希望幻灯片操作受用户控制。
答案 0 :(得分:3)
我无法重新创建您描述的行为。
如果您确实看到此行为,则应在Bootstrap repo上报告问题。
也就是说,如果要完全禁用基于悬停的暂停切换,请尝试使用
$('#myCarousel').carousel({interval: 0, pause: 'none'});
pause
的值只需要'hover'
以外的任何值。 interval
的值只需要是假的,我认为使用0
在语义上更有意义,因为它应该是一个数字。
另一个选择是手动关闭鼠标监听器:
$('#myCarousel').off('mouseenter').off('mouseleave');