如何让 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 轮播指示器和控件不起作用。为啥?