2017-03-22 1 views
0

호핑 된 요소의 전체 값을 표시하려면 qtip jquery 플러그 인을 사용하고 싶습니다.는 현재 호버 한 요소의 값을 표시합니다.

이유는 입력 필드가 전체 문자열을 표시하기에는 너무 짧아서 커서를 가리키고 싶기 때문입니다.

코드를 입력하면 "상자"가 표시되지만 내용은 없습니다.

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; 
} 

자바 스크립트

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

jsFiddle

답변

0

솔루션을 "반환"값입니다

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

[문서] (http://qtip2.com/options#content.text)에 언급되어 있습니다 : * 내용을 반환하는 함수를 지정할 수도 있습니다 ... * –