Readmore in Bootstrap旋轉木馬

Question

我正在嘗試在bootstrap旋轉木馬中使用readmore.js。它正在製作第一張幻燈片，但沒有處理下面的幻燈片。

$(document).ready(function() { 
    $('article').readmore({ 
      moreLink: '<a href="#">[ + ]</a>', 
      lessLink: '<a href="#">[ - ]</a>', 
      collapsedHeight: 30, 
      speed:500, 
     }); 

    }); 

例子：

http://jsfiddle.net/gXN2u/136/

任何想法，爲什麼這個功能是不是在其餘幻燈片的工作？

Answer 1

您在文件準備好時調用readmore()函數，因此它僅對可見元素起作用。最簡單的解決方法是每次運行的傳送帶顯示一個新的選項卡，使用的事件，就像這樣：http://jsfiddle.net/oympgthw/

有一種然而一個FOUC作爲溢出只應用後的股利是可見的（這是怎麼readmore作品），所以你最初看到的所有文字，然後縮短。更好的方法是在顯示文本之前剪切文本，但在這種情況下，我猜readmore不能勝任這項任務。無論如何，它應該很容易開始與固定高度的股利文本和overflow: hidden，並把按鈕來擴大它，如果有必要。