2013-09-25 41 views
3

我正在使用jQuery dotdotdot截斷插件dotdotdot.frebsite.nl如何使用dotdotdot擴展截斷的文本onclick?

我想截斷最大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

+0

什麼是你的問題? –

+0

當用戶點擊「更多」時,我想要全文擴展並「去截斷」。 – cusejuice

+0

請注意,您對'lastCharacter'選項的值與默認值相同。因此這部分代碼是無關緊要的。 –

回答

6

您可以發送銷燬消息dotdotdot

$('a.read-more').on('click', function(event) { 
    event.preventDefault(); 
    $(this).parent().trigger("destroy"); 
}); 

http://jsfiddle.net/bhlaird/C5Ent/

+0

@JoeAtzberger - 我沒有32,但它似乎在33中工作正常。你看到什麼行爲? –

+1

啊,我收回。一定是我的瀏覽器或我的大腦。現在看起來很好。 –

+0

相關https://github.com/BeSite/jQuery.dotdotdot/issues/18 –