2014-01-24 91 views
5

我在我的網站中使用引導程序collapseJquery崩潰並展開插件引導程序

是否有任何jquery,我可以在我的引導站點使用,將這樣工作。

例如

我有一個註釋部分。樣品評論會是這樣的。

Lorem ipsum dolor sit amet,consectetur adipiscing elit。 Phasellus 坐amet suscipit magna。 Sed nisl ipsum,tempus quis tincidunt non, molestie eget tortor。 Sed scelerisque magna arcu,non hendrerit lorem vehicula ut。 Vestibulum vulputate erat non mauris vulputate 調味品。 Nam以調味品adipiscing nec risus。 Nulla sed lorem lacus。 Proin bibendum,diam non faucibus fringilla,diam leo scelerisque nisl,sed tempor velit diam eu turpis。 Aenean lacinia auctor tellus non tincidunt。 Vivamus調味品sem lacus。 Donec vehicula eros erat,eu scelerisque urna varius eu。 Phasellus lobortis dignissim dolor euismod pharetra。 Morbi sodales posirere nisi sodales adipiscing。 Vestibulum nec tortor vitae diam pharetra pretium sed eget arcu。 Vestibulum ultricies rut​​rum risus。 Cras rhoncus magna eget viverra dignissim。 Integer et justo lacus。

我想讓它變成這樣的東西......在每一行的第5行它都會改變它看起來更像Facebook上的一個。

Lorem ipsum dolor sit amet,consectetur adipiscing elit。 Phasellus 坐amet suscipit magna。 Sed nisl ipsum,tempus quis tincidunt non, molestie eget tortor。 Sed scelerisque magna arcu,non hendrerit lorem vehicula ut。 Vestibulum vulputate erat non mauris vulputate 調味品。 Nam以調味品adipiscing nec risus。法無sed的LOREM

See more...

我試圖在引導崩潰瓦解使用,但它崩潰的消息的一部分。

+0

http://pvdspek.github.io/jquery.autoellipsis/ –

回答

2

您可以使用jTruncate jQuery插件。

簡而言之,jTruncate提供簡單而定製的截斷 在你的網頁文本實體。

代碼:

$().ready(function() { 
    $('p').jTruncate({ 
     moreText: "See more..." 
    }); 
}); 

演示:http://jsfiddle.net/IrvinDominin/wFTLj/

+0

哦,.Thanks花花公子.. – user2095165

+0

@ user2095165歡迎你! –