Javascript 带缩略图的引导转盘

我有一个引导转盘，它有html内容显示

这里的问题是，它在第9个缩略图之前工作正常，但当单击第11个和第12个缩略图时，它会滑回第一个内容框，而不是相应的id

下面是使用的脚本

$('#myCarousel').carousel({
              pause: true,
              interval: false
            });

            // handles the carousel thumbnails
            $('[id^=carousel-selector-]').click( function(){
              var id_selector = $(this).attr("id");
              var id = id_selector.substr(id_selector.length -1);
              id = parseInt(id);
              $('#myCarousel').carousel(id);
              $('[id^=carousel-selector-]').removeClass('selected');
              $(this).addClass('selected');
            });

            $('#myCarousel').bind('slide.bs.carousel', function (e) {
              var slideFrom = $(this).find('.active').index();
              var videoContent = $('.item[data-slide-number='+slideFrom+'] .embed-responsive');
              videoContent.html( videoContent.html() );
            });

            // when the carousel slides, auto update
            $('#myCarousel').on('slid.bs.carousel', function (e) {
              var id = $('.item.active').data('slide-number');
              id = parseInt(id);
              $('[id^=carousel-selector-]').removeClass('selected');
              $('[id=carousel-selector-'+id+']').addClass('selected');
            });

感谢您的帮助

使用：

var parts = id_selector.split("-");
var id = parts[parts.length - 1]

而不是

var id = id_selector.substr(id_selector.length -1);

因为如果选择

10

，您只会得到

id

的最后一个字符，即

0

相反，我在

-

之后取了最后一个单词/值

使用：

var parts = id_selector.split("-");
var id = parts[parts.length - 1]

而不是

var id = id_selector.substr(id_selector.length -1);

因为如果选择

10

，您只会得到

id

的最后一个字符，即

0

相反，我在

-

之后取了最后一个单词/值

在这一行

var id = id_selector.substr(id_selector.length -1);

您说的是id_selector.length-1，它总是给出id_selector的最后一个字符，因此在

id_selector_10

的情况下，您得到的id为0，id_selector_11也是如此

如果用下面的代码替换它，它将正常工作

var idIndex = id_selector.lastIndexOf('-') + 1;// Get the index of character where digit starts
var id = id_selector.substr(idIndex); //Get id from that index

在这一行

var id = id_selector.substr(id_selector.length -1);

您说的是id_selector.length-1，它总是给出id_selector的最后一个字符，因此在

id_selector_10

的情况下，您得到的id为0，id_selector_11也是如此

如果用下面的代码替换它，它将正常工作

var idIndex = id_selector.lastIndexOf('-') + 1;// Get the index of character where digit starts
var id = id_selector.substr(idIndex); //Get id from that index

---

将下面的行从

var id = id_selector.substr(id_selector.length -1);
id = parseInt(id);

对此：（id\u selector.length-2）

你要做的唯一一件事就是，像这样重新编号整个旋转木马ID

<li> <a id="carousel-selector-00" class="selected">
<li> <a id="carousel-selector-01">
<li> <a id="carousel-selector-02">
<li> <a id="carousel-selector-03">
<li> <a id="carousel-selector-04">............

。。。。。。。。。。。。

这应该可以解决你的问题！

---

取长度并减去1。但是现在，由于要减去2个字符来查找ID，因此将得到00和01，然后一直到11和12。

将下面的一行从

var id = id_selector.substr(id_selector.length -1);
id = parseInt(id);

对此：（id\u selector.length-2）

你要做的唯一一件事就是，像这样重新编号整个旋转木马ID

<li> <a id="carousel-selector-00" class="selected">
<li> <a id="carousel-selector-01">
<li> <a id="carousel-selector-02">
<li> <a id="carousel-selector-03">
<li> <a id="carousel-selector-04">............

。。。。。。。。。。。。

这应该可以解决你的问题！

---

取长度并减去1。但是现在，因为你要减去2个字符来找到ID，你将得到00和01，然后一直到11和12。

好的，在10上显示10，在11上显示11，那么问题是什么？在10上显示0，在11上显示1…哎呀，我按了“前一步”和“下一步”按钮。明白你的意思了。检查几分钟。十点显示十点，十一点显示十一点，那有什么问题？十点显示零，十一点显示一点……哎呀，我按了“前一步”和“下一步”按钮。明白你的意思了。检查几分钟plz@ketan有灯吗？@ketan有灯吗？