我正在使用 jQuery dotdotdot
chop 插件 dotdotdot.frebsite.nl
我想 chop 最多 2 行。当用户点击 more
时,它必须显示全文(展开/取消 chop )。
到目前为止,我“只”设法 chop 了我的文本。但不是要“chop ”它。
这是我的代码:
<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
最佳答案
您可以向dotdotdot发送销毁信息
$('a.read-more').on( 'click', function(event) {
event.preventDefault();
$(this).parent().trigger("destroy");
});
关于javascript - 如何使用 dotdotdot 展开 chop 的文本 onclick?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19015945/