jquery - Twitter Bootstrap Carousel .carousel(number) 不起作用

标签 jquery twitter-bootstrap

我在使用 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>

有什么线索吗?预先感谢您。

最佳答案

数字像数组一样从 0 开始。试试这个:


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

我刚刚从您的 targetSlide 变量中减去 1。它对我有用。

关于jquery - Twitter Bootstrap Carousel .carousel(number) 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9256314/

相关文章:

javascript - 移动版本上的多个切换

javascript - 如何从 html/javascript 或 jquery 调用 WSO2 数据服务

html - 使用 Bootstrap 4 进行特殊重新排序

css - 如何使用 Twitter Bootstrap 3 将长单词包装在容器内?

node.js - Browserify - bower vs npm Node 模块

javascript - jQuery val() 不更新输入字段

javascript - 动态改变id属性值

jquery - 在子窗口中加载pdf文件,为什么ready工作但没有其他事件

jquery - Bootstrap 3 可切换选项卡进入弹出框无法工作

css - 如何根据 768px 以下的屏幕尺寸制作 col-xs-12 和 col-xs-6