Question

我正在使用Twitter Bootstrap来构建使用轮播的投资组合。我正在使用以下方法导航到轮播中的某些元素：

<ul id="portfolionav" class="nav nav-pills">
<li class="" id="carousel-ux"><a href="#myCarousel" data-toggle="pill">UX | UI</a></li>
<li class="" id="carousel-vd"><a href="#myCarousel" data-toggle="pill">Visual Design</a></li>
<li class="" id="carousel-web"><a href="#myCarousel" data-toggle="pill">Web</a></li>   
<li class="" id="carousel-mobile"><a href="#myCarousel" data-toggle="pill">Mobile</a></li>
<li class="" id="carousel-corpid"><a href="#myCarousel" data-toggle="pill">Identity</a></li>

我想要做的是在到达轮播中的特定元素时在LI标签上应用活动类。例如，当轮播滑动到元素＃5时，活动类需要应用于“移动”LI标记，并从任何其他LI标记中删除。

任何人都可以告诉我如何做到这一点吗？

谢谢！

Answer 1

根据我在此处找到的帖子，我一直在玩类似的想法：http://forrst.com/posts/Adding_pagination_to_bootstrap_carousel-ULn

我在这里的实现，使用幻灯片标题而不仅仅是项目符号：

http://jsfiddle.net/64qK2/

通过调整javascript，您可以在LI项目而不是链接上设置活动类，并添加导航样式。

/标记

Twitter BS - 当轮播更改时<li>上的切换课程</li>

1 个答案: