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傳送帶指示燈>活動指示燈不會改變

回答

相關問題