javascript - Bootstrap Carousel Next/Prev 不工作

Question

我正在使用 Twitter Bootstrap Carousel，虽然我对 .js 不是很熟悉，但不知何故我的工作正常。

唯一的问题是下一个/上一个按钮的工作方式很奇怪。

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

虽然我有 10 张图片，但我无法通过单击下一步按钮进入第 10 张。在第三张图片之后，当我点击下一个按钮时，图片又回到了 2 号。

另外，无论我在看哪张图片，当我点击上一页按钮时，它都会回到第一张。

谁能帮助我或指导我正确的方向？任何帮助将不胜感激。

Answer 1

您使用自己的处理程序处理 slider 的下一个/上一个按钮，因此它会滑动到第一个元素的第二个元素，然后尝试制作 next()

替换:

$("#myCarousel a").click(function(e){ 
    var index = $(this).index(); 
    //when hitting NEXT button index always 2, for PREV - 0
    slider.carousel(index); 
    e.preventDefault(); 
}); 

与

$("#myCarousel .slider-pager a").click(function(e){ 
    var index = $(this).index(); 
    slider.carousel(index); 
    e.preventDefault(); 
}); 

在你的页面脚本中