javascript - 如何让Bootstrap 3轮播指标立即变化

标签 javascript jquery html css twitter-bootstrap

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

但是,如果您查看我的旋转木马版本,当幻灯片过渡结束时指示器会发生变化。 (据我所知,我的例子和这个例子的唯一区别是它在一个容器中,所以它不会散布在整个页面上,看到很多其他例子都使用这样的例子。)

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

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

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

最佳答案

那是因为您使用的是 3.1.1 版的 Bootstrap ,而 Bootstrap 站点上的示例使用的是最新的 3.2.0 版本。

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

滑动事件->滑动完成时

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

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

希望对您有所帮助!

关于javascript - 如何让Bootstrap 3轮播指标立即变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25090334/

相关文章:

javascript - jQuery 在更改 anchor 文本时隐藏/显示 DIV

javascript - 消除 Internet Explorer 中 Thread.Sleep 上的死锁?

javascript - React 在使用某些浏览器时 this.setState 发生了奇怪的事情

javascript - 输入类型正则表达式中仅允许数字。问题是我能够输入 this(1.) ,想要阻止它

javascript - 选择图像后的内容

javascript - 我怎样才能使阵列一次显示一个延迟?

jquery - 将curl命令转换为jQuery $.ajax()

html - 使用CSS垂直对齐图像

javascript - 无需身份验证即可从 javascript 访问 Google Analytics API 数据

javascript - 持续时间文本框验证