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

经过一番研究后，似乎这是a known bug in 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不是一个选项，那么bug report page上提供了一个方法来编辑Bootstrap Javascript本身以修复2.x中的错误。

JSFiddle demo

Bootstrap Carousel bug

1 个答案: