0

我正在使用 Bootstrap 框架，但在尝试在同一页面上设置多个带有分页点的轮播时遇到了麻烦。我使用了 GitHub 上的 bootstrap-carousel.js 更新脚本（带有药丸选项的脚本）来进行分页。

我找到了带有下一个导航的多个轮播的解决方案，但没有关于带点的多个轮播的解决方案。

有什么想法可以解决这个问题吗？任何帮助，将不胜感激。

非常感谢

4

2 回答 2

1

你可以试试这个jsfiddle

需要bootstrap-carousel.js和 carousel.less。

(function(){ $('head style[type="text/css"]').attr('type', 'text/less');less.refreshStyles(); })();

$('#myCarousel').carousel();
于 2013-01-24T05:30:49.623 回答
1

使用最新的轮播，您可以使用carousel-indicators类：

 <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
 </ol>

http://getbootstrap.com/2.3.2/javascript.html#carousel

于 2013-03-25T06:48:17.410 回答