引导程序旋转木马错误

Bootstrap Carousel bug

本文关键字：错误 旋转木马 引导程序      更新时间：2023-09-26

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

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

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

经过一番研究，这似乎是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演示

相关文章：