0
我有一個屏幕,其中有一些文字相鄰。如果這些文字很長,那麼它們之間會發生重疊。Twitter bootstrap顯示字符串的前n個字符
所以我正在尋找一些在bootstrap或jquery中的api,它只顯示字符串的前n個字符,當我們將鼠標移到完整的字符串上時。
我有一個屏幕,其中有一些文字相鄰。如果這些文字很長,那麼它們之間會發生重疊。Twitter bootstrap顯示字符串的前n個字符
所以我正在尋找一些在bootstrap或jquery中的api,它只顯示字符串的前n個字符,當我們將鼠標移到完整的字符串上時。
這是我爲此寫的一個快速插件。它使用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);
}
你可以定義你會看到,當你說:「我們當什麼鼠標在完整的字符串出現「?你的意思是作爲一個工具提示(更簡單),還是應該擴大內容以顯示全文(更難)? – GregL 2013-05-07 06:03:48
是......以工具提示形式 – 2013-05-07 06:05:43