Question

我使用了带有引导程序的“开箱即用旋转木马指示器”作为显示所有幻灯片的小缩略图的方式。但它运行良好，不像“开箱即用指示点”，活动的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类与它有任何关系，因为我复制了它，它仍然有关联的活动类。我猜它是一个我需要修改的bootstrap JS文件？我厌倦了模拟一个bootply示例，但需要做太多的自定义样式来复制。

当您检查指标上的元素时，您可以看到活动类从一个li跳到另一个但是它不会为我的指示器执行此操作，任何想法为什么会受到赞赏！

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

Answer 2

我遇到了完全相同的问题。我发现在每个li元素的类'item'中添加了活动指示符以进行更改，但这样做会在点击轮播时为我创建另一个问题。我很确定jquery需要以某种方式进行修改以反映类名更改。我试图在接下来解决这个问题，但是想分享一下我迄今为止所想到的内容，以帮助推动这项工作。

“引导转盘指示器”＆gt;积极的指标不会改变

2 个答案: