Twitter Bootstrap轮播跳过问题

Question

7

在我正在工作的网站上，轮播似乎在页面加载时第一次单击“下一个”按钮时会跳过第三个图像。有人有任何想法为什么会这样吗？我正在遵循bootstrap文档中建议的布局。

- TheoretiCAL

顺便提一下：您可能想添加 bootstrap-transition.js 插件，以便在滑动时使用 CSS3 过渡效果。轮播插件将自动利用它。但这是可选的。 - merv

我在IE8中遇到了相同的问题，我检查了bootstrap.js是否包含转换，并尝试在页面加载时重新实例化轮播，还有其他的想法吗？ - Johann Combrink

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sherbrow · Accepted Answer

轮播初始化似乎存在问题。

当你第一次单击箭头时，它会初始化轮播，触发第一个切换并选择下一张幻灯片，因为你单击了箭头（所有这些同时发生）。

直接解决方法是添加此代码以在加载时初始化轮播（也启用了自动滑动）：

$(function() {
    $('#myCarousel').carousel();
});

请确保在插件之后包含这个东西，这样一切都应该没问题。

还有就是没有转换效果的情况下似乎会跳到第三个only。正如merv所建议的那样，你可以包含bootstrap-transition.js文件，它将解决你的问题。无论如何，我提交了一个工单，对于那些想要一些后续的人：Github上的问题。