首页 文章

Bootstrap轮播指示灯>活动指示灯不会改变

提问于
浏览 次
1

我使用了带有引导程序的“外框旋转木马指示器”作为显示所有幻灯片的小缩略图的方式 . 但它运行良好，不像“开箱即用指示点”，活动的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跳到另一个但是它不会为我的指示器执行此操作，任何想法为什么会受到赞赏！

jquery html css twitter-bootstrap

2 回答

  • 0

    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))
              }
    回复于
  • 2

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

    回复于

相关问题