如何使Bootstrap 3轮播指示器立即更改

时间:2014-08-01 23:59:38

标签: javascript jquery html css twitter-bootstrap

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

但是,如果您查看我的旋转木马版本,则幻灯片过渡完成时指示符会发生变化。 (我所知道的,我和示例之间的唯一区别在于它是在一个容器中,所以它并没有遍布整个页面,看到很多其他例子使用这样的。)

我无法像示例那样找出如何立即更改指标,希望有人可以让我知道我哪里出错了。我可以想象它会变得简单,我可以忽略......

Bootstrap示例 - http://getbootstrap.com/examples/carousel/

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

1 个答案:

答案 0 :(得分:1)

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

在版本3.1.1上,指示符在"滑动"上更改。事件,在版本3.2.0上,指标在"幻灯片"。

上更改

滑动事件 - >滑动完成后

幻灯片事件 - >当滑动刚刚开始时

最简单的是更新到3.2.0!

希望有所帮助!