Bootstrap传送带指示灯>活动指示灯不会改变

我已经使用了“自带传送带指示灯”的bootstrap作为显示所有幻灯片缩略图的方式。但它的效果很好，不像“盒子指示点”，活动的li不会变为活动 - 因此我不能将css样式应用到活动的缩略图。下面是比较我的替代版本的框。Bootstrap传送带指示灯>活动指示灯不会改变

  <ol class="carousel-indicators"> 
       <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
       <li data-target="#myCarousel" data-slide-to="1"></li> 
       <li data-target="#myCarousel" data-slide-to="2"></li> 
       <li data-target="#myCarousel" data-slide-to="3"></li> 
      </ol> 


      <ol class="carousel-preview hidden-phone pull-right"> 
       <li data-target="#myCarousel" data-slide-to="0" class="active"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
       <li data-target="#myCarousel" data-slide-to="1"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
       <li data-target="#myCarousel" data-slide-to="2"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
       <li data-target="#myCarousel" data-slide-to="3"><div class="preview"><a href="#"><img src="http://placehold.it/75x45" alt=""></a></div></li> 
      </ol>

我不认为去除转盘指标类有什么关系呢，我复制的是，它仍然有关联的活动类。我猜它是一个我需要修改的引导JS文件？我厌倦了嘲笑一个简单的例子，但是需要做太多的自定义风格来复制。

当你检查指标上的元素时，你可以看到活动类从一个li跳到另一个，但它不会为我的指标做任何想法，为什么会感激！

来源

2013-06-20 Tom Rudge

我们真的需要看代码，你能提供一个js小提琴吗？ – JonathanRomer

行290在bootstrap.js文件中我需要添加我的类.carousel-preview - 我离开.carousel-指标，以便原始指标工作。

   var Carousel = function (element, options) { 
       this.$element = $(element) 
       this.$indicators = this.$element.find('.carousel-indicators, .carousel-preview') 
       this.options = options 
       this.options.pause == 'hover' && this.$element 
        .on('mouseenter', $.proxy(this.pause, this)) 
        .on('mouseleave', $.proxy(this.cycle, this)) 
       }

来源

2013-06-21 09:01:33

我有完全相同的问题。我发现在每个li元素的类“item”中添加获取活动指示符以进行更改，但这样做会在点击传送带时为我创建另一个问题。我相当肯定，jquery需要以某种方式进行修改以反映类名称的变化。我试图找出下一个，但想分享我迄今为止的想法，以帮助推动球。

来源

2013-06-20 17:40:28 Enspired

我最终做的是默认回到原始类，然后创建第二个类来设计li元素和其中的所有文本。我知道这对你没有多大帮助，但这是一个足够体面的工作。 – Enspired

感谢您的意见，与这个仍然挣扎...我会保持更新 –

Bootstrap传送带指示灯>活动指示灯不会改变

回答

相关问题