我正在使用jQuery dotdotdot
截断插件点点点.frebsite.nl
我想截断最多 2 行。当用户点击more
,那么它必须显示全文(展开/取消截断)。
到目前为止,我“仅”设法截断我的文本。但不是“去截断”它。
这是我的代码:
<p class="truncate">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae tellus eu dui placerat interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="read-more" href="#">more</a></p>
$(document).ready(function(){
$('.truncate').dotdotdot({
ellipsis : '… ',
watch : true,
wrap : 'letter',
height : parseInt( $('.truncate').css('line-height'), 10) * 2, // this is the number of lines
lastCharacter: {
remove: [ ' ', ',', ';', '.', '!', '?' ],
noEllipsis: []
},
after: "a.read-more"
});
});
现场演示jsfiddle.net/NSnxe/1