2013-05-07 55 views
0

我有一個屏幕,其中有一些文字相鄰。如果這些文字很長,那麼它們之間會發生重疊。Twitter bootstrap顯示字符串的前n個字符

所以我正在尋找一些在bootstrap或jquery中的api,它只顯示字符串的前n個字符,當我們將鼠標移到完整的字符串上時。

+1

你可以定義你會看到,當你說:「我們當什麼鼠標在完整的字符串出現「?你的意思是作爲一個工具提示(更簡單),還是應該擴大內容以顯示全文(更難)? – GregL 2013-05-07 06:03:48

+0

是......以工具提示形式 – 2013-05-07 06:05:43

回答

0

這是我爲此寫的一個快速插件。它使用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/

相關問題