Question

我有基于Bootstrap.js的this tutorial轮播，它有4个视图项，每个都看起来像 -

<div class="item active"><!-- class of active since it's the first item -->
          <div class="carousel-caption">
            <p>Caption text1 here</p>
          </div>
</div>

在此演示 - http://jsfiddle.net/urielz/yu4qE/3/

它还有左右按钮，可根据项目顺序在菜单上滑动内容。

所以我的问题是 -

哪个命令（可能是任何jQuery选择器）会导致加载特定的＆＃34;项目＆＃34;到菜单？

例如，类似于 - $('.carousel')[3].showOnMenu(...)来加载菜单上的第4项。

Answer 1

在轮播中使用.carousel(number)方法

$(document).ready(function(){
        $('.carousel').carousel({
          interval: 7000
        });
        $('.carousel').carousel(2);// use this here it index 0 base 
      });

<强> UPDATED FIDDLE

参考http://getbootstrap.com/javascript/#carousel

Bootstrap.js Carousel加载特定项目

1 个答案: