【问题标题】:Bootstrap Slider Carousel with thumbnail navigation issue [closed]带有缩略图导航问题的 Bootstrap Slider Carousel [关闭]
【发布时间】:2015-11-14 13:58:16
【问题描述】:

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

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

这是超过 10 张图片的代码。

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

【问题讨论】:

  • 总是把你的代码放在你的问题中。

标签: javascript twitter-bootstrap slider


【解决方案1】:

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

carousel-selector-10 -> 0

carousel-selector-11 -> 1

等等

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

您可以用以下内容替换该行以使其正常工作:

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

【讨论】:

    猜你喜欢
    • 2016-08-20
    • 1970-01-01
    • 2014-08-30
    • 1970-01-01
    • 1970-01-01
    • 2014-06-21
    • 2021-04-27
    • 1970-01-01
    • 2013-03-03
    相关资源
    最近更新 更多