【问题标题】:Bootstrap multiple carousels on one page在一个页面上引导多个轮播
【发布时间】:2012-08-23 13:34:23
【问题描述】:

我在由一个控件控制的一页上的 3 个轮播之后。 因此,当单击下一个或上一个时,所有轮播都会同时移动。

这是一个带有 3 个轮播的示例,但它们都是分开的。

我被困住了。

【问题讨论】:

  • 任何代码都会很棒。我确定你的问题在那里:)

标签: javascript html css twitter-bootstrap carousel


【解决方案1】:

这是我的例子:

http://jsfiddle.net/D2RLR/1247/

控制所有轮播的代码的关键部分是这样的:

<button class="btn btn-primary" data-slide="prev" href=".carousel">Prev All</button>
<button class="btn btn-primary" data-slide="next" href=".carousel">Next All</button>

通过指定 .carousel 类而不是特定 ID,按钮会触发页面上所有轮播上的事件。

【讨论】:

  • 这正是我所追求的。非常感谢:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-08-09
  • 1970-01-01
  • 2017-04-08
  • 2015-09-29
  • 1970-01-01
  • 2016-12-22
  • 1970-01-01
相关资源
最近更新 更多