twitter-bootstrap - Twitter bootstrap 显示字符串的前 n 个字符

Question

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

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

Answer 1

这是我为此目的编写的一个快速插件。它使用标题属性（工具提示）以及缩短字符串。例如：

<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);
}
$('#first').shortText('Some very long string',10);
$('#second').shortText('Some very long string',99);

只是插件：

$.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);
}

小提琴：http: //jsfiddle.net/basarat/wysc6/