首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Bootstrap Carousel Next/Prev不工作

Bootstrap Carousel Next/Prev不工作
EN

Stack Overflow用户
提问于 2013-01-22 09:50:01
回答 1查看 6.7K关注 0票数 2

我正在与Twitter Bootstrap Carousel合作,虽然我对.js不是很熟悉,但不知何故我让事情运行得很好。

唯一的问题是next/prev按钮以一种奇怪的方式工作。

这是我的临时网站:http://tokyo-flaneur.com/dl/donner/contents/menu.html

虽然我有10张图片,但我不能通过单击下一步按钮到达第10号。在第三个图像之后,当我单击next按钮时,图像返回到第二个。

而且,无论我看的是哪张图片,当我点击prev按钮时,它都会回到第一位。

有没有人能帮我或给我指路?任何帮助都将不胜感激。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-22 10:52:50

你用你自己的处理程序处理滑块的下一个/上一个按钮,这样它就会滑到第二个元素第一个,然后尝试使next()

替换:

代码语言:javascript
运行
复制
$("#myCarousel a").click(function(e){ 
    var index = $(this).index(); 
    //when hitting NEXT button index always 2, for PREV - 0
    slider.carousel(index); 
    e.preventDefault(); 
}); 

使用

代码语言:javascript
运行
复制
$("#myCarousel .slider-pager a").click(function(e){ 
    var index = $(this).index(); 
    slider.carousel(index); 
    e.preventDefault(); 
}); 

在你的页面脚本中

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14450328

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档