Question

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

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

Answer 1

这是我为此目的编写的一个快速插件。它使用title属性（tooltip）和缩短字符串。例如：

<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/

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

1 个答案: