Question

我正在使用由thumnail图像创建的bootstrap轮播。我从http://bootply.com/79859得到了样本。我得到的样本的差异是thumnails的数量。地雷超过十个。当我选择第二个thumnail时，它也会选择所有具有carousel-select-id超过＆＃34; 9＆＃34;的thumnails。我认为这是因为jquery在某些时候会混淆。＆＃34;选择＆＃34;添加到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');}`

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

1 个答案: