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，并把按钮来扩大它，如果有必要。