如何让 Bootstrap 3 轮播指示器立即改变

Posted

技术标签:

【中文标题】如何让 Bootstrap 3 轮播指示器立即改变【英文标题】:How to make Bootstrap 3 carousel indicators change immediately 【发布时间】:2014-09-25 06:05:11 【问题描述】:

如果您查看 Bootstrap 自己的示例中的轮播,指示符会立即更改(即指示符在过渡开始时更改,而不是在结束时更改。)

但是,如果您查看我的轮播版本,当幻灯片转换完成时,指示器会发生变化。 (据我所知,我的示例与示例之间的唯一区别是它位于一个容器中,因此它不会散布在整个页面中,看到很多其他示例都使用这样的示例。)

我无法弄清楚如何让指标像示例一样立即改变,希望有人可以让我知道我哪里出错了。我可以想象这将是我忽略的一些简单的事情..

引导示例 - http://getbootstrap.com/examples/carousel/

我的测试版 - http://samtodd.co.uk/carousel-test.html

【问题讨论】:

【参考方案1】:

这是因为您使用的是 3.1.1 版的引导程序,而引导程序站点上的示例使用的是最新的 3.2.0 版本。

在 3.1.1 版本中,指标在“slide”事件上发生变化,而在 3.2.0 版本中,指标在“slide”上发生变化。

滑动事件 -> 滑动完成时

滑动事件 -> 滑动刚开始时

最简单的方法是更新到 3.2.0!

希望有帮助!

【讨论】:

我就是个布偶。甚至没有意识到有更新。感谢您的帮助!

以上是关于如何让 Bootstrap 3 轮播指示器立即改变的主要内容,如果未能解决你的问题,请参考以下文章

Twitter-Bootstrap 5 轮播指示器和控件不起作用。为啥?

如何在 Bootstrap 4 中定位轮播指示器

页面加载后,如何使 Bootstrap js 轮播自动循环?

无法更改 Bootstrap 5 轮播指示器边框半径

轮播指示器在 Bootstrap 上不起作用

Bootstrap 轮播,带有封面图片和指示器