javascript - 引导轮播错误

Question

所以我在引导程序上制作了一个简单的旋转木马，我想要的是当我们进入旋转木马时，幻灯片停止。一切正常，但是当鼠标进入时会出现问题。必须消失的div不滑动而是消失

<script>
$(document).ready(function() {
    $('#myCarousel').carousel({interval: 1000})
    .on('slid', function (e) { $(this).carousel({interval:false}); });
});
</script>

示例：http: //jsfiddle.net/Ferkp/

Answer 1

经过一番研究，这似乎是Bootstrap 2.x 中的一个已知错误。

通过升级到 Bootstrap 3.0，轮播的外观发生了变化，但错误已修复。您可以从 CDN 获取 CSS 和 JS：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

哦，您可能仍想包含另一个答案的结果（现在似乎已删除）并更改$(this).carousel({ interval: false });为$(this).carousel('pause');，否则那段代码不会做任何事情。

如果由于某种原因升级到 Bootstrap 3.0 不是一个选项，那么错误报告页面上提供了一种方法来编辑 Bootstrap Javascript 本身以修复 2.x 中的错误。

JSFiddle 演示