twitter - Twitter BS - 开启课程当轮播发生变化时

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 项目而不是链接上设置活动类，并添加导航样式。

/标记