可以qtip顯示當前懸停元素的值

Question

我想使用qtip jquery插件來顯示懸停元素的完整值。

原因是輸入字段太短，無法顯示整個字符串，所以我想在懸停時顯示它。

當我嘗試我的代碼時，顯示qtip「盒子」，但沒有內容。

HTML

<input type="text" class="desc" value="this is a long string of text that doesn't all show on the page"> 

CSS

.desc{ 
    width:80px; 
} 

的JavaScript

$('.desc').qtip({ 
    content: { 
    text: function(event, api) { 
     $(this).val(); 
    } 
    } 
}); 

jsFiddle

Answer 1

的解決方案是 「迴歸」 的價值

$('.desc').qtip({ 
    content: { 
    text: function(event, api) { 
     return $(this).val(); 
    } 
    } 
});