jquery - Bootstrap 轮播指示器 > 事件指示器不会改变

Question

我使用了 Bootstrap 提供的“开箱即用的轮播指示器”作为显示所有即将出现的幻灯片的小缩略图的方式。它工作得很好，但是，与“开箱即用的指示点”不同，事件 li 不会更改为事件 - 因此我无法将 css 样式应用于事件缩略图。下面是与我的替代版本相比的开箱即用的版本。

            <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>

我不认为删除 carousel-indicators 类与它有任何关系，因为我复制了它，并且它仍然具有关联的 active 类。我猜我需要修改它的 bootstrap JS 文件？我厌倦了模拟 bootply 示例，但需要完成太多自定义样式才能复制。

当您检查指标上的元素时，您可以看到事件类从一个里跳到另一个里，但它不会对我的指标执行此操作，任何想法都将不胜感激!

Answer 1

bootstrap.js 文件中的第 290 行我需要添加我的类 .carousel-preview - 我留下了 .carousel-indicators 以便原始指标起作用。

              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))
              }