Twitter bootstrap 显示字符串前n个字符的Twitter引导

我有一个屏幕，其中有一些文本彼此相邻。如果这些文本很长，那么它们之间就会发生重叠

---

所以我在bootstrap或jquery中寻找一些api，它们只显示字符串的前n个字符，当我们将鼠标悬停在完整的字符串上时，会显示完整的字符串

这是我为此编写的一个快速插件。它使用标题属性（工具提示）和缩短字符串。e、 g:

<div id="first"></div>
<div id="second"></div>

只是插件：

$.fn.shortText = function(str,length){
    var item = $(this);    
    var toset = str; 
    if(str.length > length) 
        toset = str.substring(0,length) +'..';
    item.text(toset).attr('title',str);
}

---

Fiddle:

当您说“当我们用鼠标点击整个字符串时”，您能定义您希望看到的内容吗？你的意思是作为工具提示（更容易），还是文本应该适当加宽以显示全文（更难）？是的。。。。。。以工具提示的形式

$.fn.shortText = function(str,length){
    var item = $(this);    
    var toset = str; 
    if(str.length > length) 
        toset = str.substring(0,length) +'..';
    item.text(toset).attr('title',str);
}