jQuery插件「readmore」，修剪文字不含切詞

Question

我使用http://rockycode.com/blog/jquery-plugin-readmore/修剪長文字並添加「See more」鏈接以顯示所有文字。

我很樂意避開切口，我該怎麼做？

如果限制爲35，不切在W ...

但

如果限制爲35，不割字...（在這種情況下，修剪它在38，然後顯示來自39 chtill隱藏的文字到底

Answer 1

您可以在插件中改變abridge功能如下：

function abridge(elem) { 
    var opts = elem.data("opts"); 
    var txt = elem.html(); 
    var len = opts.substr_len; 
    var dots = "<span>" + opts.ellipses + "</span>"; 
    var charAtLen = txt.substr(len, 1); 
    while (len < txt.length && !/\s/.test(charAtLen)) { 
     len++; 
     charAtLen = txt.substr(len, 1); 
    } 
    var shown = txt.substring(0, len) + dots; 
    var hidden = '<span class="hidden" style="display:none;">' + txt.substring(len, txt.length) + '</span>'; 
    elem.html(shown + hidden); 
} 

...然後它會根據您的需要你。可能會nt添加一個選項來關閉此功能，但是我會保留這個選項。

See working example →

Answer 2

而不是做這個的：

$elem.readmore({ 
    substr_len: 35 
}); 

你能做到這一點

$elem.readmore({ 
    substr_len: $elem.text().substr(0, 35).lastIndexOf(" ") 
}); 

我們正在做的是去到最新的空間更多鈔票指數35 前當然35可以是可變的。你也可以把它放入一個函數重用它。

希望這有助於

Answer 3

我只是收集有關此主題的信息，在您的幫助，以及其他相關的職位幫助我寫這樣的：

http://jsfiddle.net/KHd6J/526/