javascript - Bootply 79859 中选择多个缩略图图像问题

Question

我正在使用使用缩略图创建的 Bootstrap 轮播。我从 http://bootply.com/79859 获取了样本与我得到的样本的区别在于缩略图的数量。矿井有十多个。问题是，当我选择第二个缩略图时，它还会选择所有 carousel-select-id 超过“9”的缩略图。我认为这是因为 jquery 在某些时候混淆了。 “select”被添加到 carousel-selector-1 和 carousel-selector-10、carousel-selector-11...

这是一个 jsfiddle 链接，该链接是由其他人创建的，但存在相同的问题。 http://jsfiddle.net/xuhP9/21/

我尝试添加一个 if 控件，但它没有给出我想要的完整解决方案

有人能解决这个问题吗？

$('#myCarousel').on('slid.bs.carousel', function () {   

     var id = $('.item.active').data('slide-number');
     id = parseInt(id);
     if(id==1){
      //alert("id=1");
      id=1;
      $('carousel-selector-1').addClass('selected');
     }
     else{
          $('carousel-selector-1').removeClass('selected');

     $('[id^=carousel-selector-]').removeClass('selected');
     $('#left_id').text("left-id" + id+ " pixels");
     $('[id^=carousel-selector-'+id+']').addClass('selected');
}

Answer 1

删除 starts with代码最后一行的选择器:

$('[id=carousel-selector-'+id+']').addClass('selected');}`