推特Bootsrap Carousel .carousel(编号)不工作

Question

我对Twitter Bootstrap Carousel插件上的.carousel(number)方法有一个问题。不知何故，我不能让它工作。传送带本身已经启动并运行，.carousel('next')方法也是如此。

$('#carousel-nav a').click(function(q){
 q.preventDefault();
 targetSlide = $(this).attr('data-to');
 //this one doesn't work $('#my-carousel').carousel(targetSlide); 
 $('#my-carousel').carousel('next');
});

这是标记

<ul id="carousel-nav" class="nav nav-tabs nav-stacked">
    <li><a href="#my-carousel" data-to="0" >Slide 1</a></li>
    <li><a href="#my-carousel" data-to="1" >Slide 2</a></li>
    <li><a href="#my-carousel" data-to="2" >Slide 3</a></li>
</ul>

有什么线索吗？提前谢谢你。

Answer 1

数字是以0为基数的，就像数组一样。试试这个：

    var targetSlide = $(this).attr('data-to') -1;

我刚刚从你的targetSlide变量中减去1。这对我很管用。

Answer 2

真正的问题是您必须解析为int

targetSlide = parseInt($(this).attr('data-to'));

Answer 3

将标记更改为：

<ul id="carousel-nav" class="nav nav-tabs nav-stacked">
    <li><a href="#my-carousel" data-to="1" >Slide 1</a></li>
    <li><a href="#my-carousel" data-to="2" >Slide 2</a></li>
    <li><a href="#my-carousel" data-to="3" >Slide 3</a></li>
</ul>

以及脚本(感谢@user1209713 )：

$('#carousel-nav a').click(function(q){
    q.preventDefault();
    targetSlide = $(this).attr('data-to')-1;
    $('#my-carousel').carousel(targetSlide);
});

而且它是有效的