Twitter Bootsrap Carousel .carousel(number) 不起作用

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);
});

并且它有效

Answer 4

parseInt 为我工作，感谢@stalin，如果您想运行操作，请在回调中单独执行它们以获得更好的结果。

$('#carousel-nav a').click(function(){
 var targetSlide = parseInt($(this).attr('data-cigar'));
 $('#someElement').fadeOut('fast',function(){
   $('#otherElement').fadeIn('fast', function(){
     $('#my-carousel').carousel(targetSlide);
   });
 });
});