jQuery 툴팁은 아래쪽에서 레이블 위로 마우스를 가져 가야 만 가능합니다.

Question

jQuery UI 툴팁을 추가하고 싶지만 레이블 위에 배치됩니다. 위치는 페이지를 스크롤 한 위치에 따라 다릅니다. label이 페이지의 하단에 가까우면 도구 설명이 페이지의 가까이에 있습니다. 레이블이 브라우저 창에 더 높을수록 도구 설명이 레이블과 관련성이 높아집니다. 툴팁은 아래에서 마우스를 가져갈 때만 레이블 옆에 표시됩니다. 초기화 중에 있지만

<label class="info" title="Tooltip text"><img src="/img.png" id="someid" style="float:right; cursor: pointer" title="Something" alt="img"/></label> 

업데이트 파일 .tpl ... 작업

의 .js

$("label.info").tooltip(); 

아니에요 : 나는 위치를 시도 도움을

감사합니다, 그것은 설정 도구 설명 + jquery.ui.tooltips 오류없이 jQuery 1.7.1 버전 + UI 1.8.1 버전이 될 것입니다. 나는 새로운 버전을 가지고 있고, 모든 것이 잘되어있다.

Answer 1

확인. 여기에 몇 가지 설명서가 있습니다. http://api.jqueryui.com/tooltip/#option-position

정말 코드를 게시해야합니다. 당신은 마우스 관련 툴팁의 위치를 ​​오프셋 jquerys() 함수를 사용 http://jsfiddle.net/wKEx8/

:

는 여기 툴팁에 가깝다 아주 기본적인 기능을했다. 내 생각에 이미지에 위치 정보를 추가하려고하는데 잘못되었다고 생각합니다. 당신의 CSS는

// getter 
var position = $(".selector").tooltip("option", "position"); 


// setter 
$(".selector").tooltip("option", "position", { my: "left+15 center", at: "right center" });