在 Bootply 79859 中选择多个缩略图图像问题答案

【问题标题】：Selecting Multiple Thumnail Images issue in Bootply 79859在 Bootply 79859 中选择多个缩略图图像问题
【发布时间】：2014-09-26 09:30:06
【问题描述】：

我正在使用使用缩略图创建的引导轮播。我从http://bootply.com/79859 获得了样本，与我获得的样本的区别在于缩略图的数量。地雷有十多个。当我选择第二个缩略图时，它还会选择所有轮播选择 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');
}

【问题讨论】：

标签： javascript jquery twitter-bootstrap carousel

【解决方案1】：

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

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

【讨论】：

我试过了，但不起作用选定的类表示选定的缩略图。删除该行是不合逻辑的。
它确实在the fiddle 中工作。请注意，我写的是“删除以开头的选择器”，而不是“删除整行”。