2013-02-22 4 views
1

:의 jQuery 툴팁 제목 속성에 텍스트를 인코딩 내가 (1.9.x)에서 최신 버전으로 jQuery를 UI를 업데이트했고 즉 내가 해결할 수없는 뭔가있다

: 제목 속성들을 사용할 수 예를 들어 나는 가끔 가게 HTML,에서가
Start Date: 2012.01.01<br />End Date: 2012.02.01 

업그레이드하기 전에 툴팁 텍스트가 인코딩되지 않았으므로 Start & 종료 날짜가 두 줄로 구분됩니다. 그러나 이제 인코딩 된 텍스트는
입니다. 그것을 해결할 방법이 있습니까?

+0

jsfiddle 예제를 제공 할 수 있습니까? – Dom

+0

http://jsfiddle.net/Aa5nK/5/ –

+0

http://jsbin.com/ukejok/1/ & http://jsbin.com/ukejok/1/edit – dragonfly

답변

4

내 대답은 프랜이 말했다.

이렇게 입력하십시오. 제목에 간단한 html 태그를 저장할 수 있습니다. 단지 툴팁을 호출하는 대신 이제 더 많은 작업을해야합니다. html로 코딩 된 제목을 반환해야합니다. 나는 굵은 글자 < b>, 밑줄 < u> 및 브레이크 라인 </br>으로 이것을 테스트했습니다.

$(document).tooltip({ 
    content: function() { 
    return $(this).attr("title"); 
    } 
}); 
1

title은 HTML 태그를 허용하지 않습니다. ,

$('#mytooltip').tooltip({ 
    items: "[title]", 
    content: function() { 
    return "<b>That's what this widget is</b>"; 
    } 
}); 

당신은 어떤 HTML 태그 (심지어 테이블을 사용할 수 있습니다

HTML :

<a id="mytooltip" href="#" title="">Tooltips</a> 

JS 툴팁을 사용하여 title 속성에 텍스트에 스타일을 적용하려면이 같은 것을 사용한다 이미지 등) 및 JQueryUI 툴팁 JSBin에서 실행 표시 : http://jsbin.com/ukejok/3/