带有缩略图导航问题的Bootstrap Slider Carousel

时间:2015-11-14 13:58:17

标签: javascript twitter-bootstrap slider

原始代码 http://www.bootply.com/79859

当图库达到11及以上图像时,单击第11个缩略图会显示滑块上的第一个图像而不是第11个图像。你可以帮我解决这个问题吗?

以下是包含10张以上图片的代码。

http://www.bootply.com/x8UNRXg83S#

1 个答案:

答案 0 :(得分:1)

在您的javascript代码的第8行,您仅对元素ID的最后一个字符进行子字符串。 当子串10或具有多个数字的任何其他数字时,将仅使用最后一个数字。

carousel-selector-10 - > 0

carousel-selector-11 - > 1

这就是为什么它在id号超过2位后重新启动。

您可以使用以下内容重新生成该行以使其正常工作:

 var id = id_selector.substr(id_selector.lastIndexOf('-') + 1);