툴팁에있는 Dynatree 이미지

Question

메신저 개발중인 새로운 사이트에서 jQuery Dynatree 플러그를 사용하고 있습니다. 여기에 내가 나무는 잘 작동하고 모든의 확인이 함께

var treevluData = [ 
{title: "Team 1", isFolder: true, tooltip: "Tooltip test", expand: true, children: [ {title: "Honda CBR",tooltip: "Tooltip test Honda CBR"} ] }, 
{title: "Team 2", isFolder: true, expand: true, key: "id3", children: [ {title: "BMW X3"}, 
                      {title: "Honda CRX"}, 
                      {title: "VW Golf"}, 
                      {title: "Smart ForTwo"} 
                     ]}, 
{title: "Team 3", isFolder: true, key: "id4", expand: true, children: [ {title: "Fiat Doblo"} ]} ]; 

쓴 방법의 예입니다. 팀 1의 첫 번째 하위에서 볼 수 있듯이 툴팁을 설정했습니다. 내 질문은 가능하다면 어떻게하면 이미지를 툴팁 안에 넣을 수 있는가? 마우스를 올릴 때마다 일반 텍스트가 아닌 툴팁으로 이미지가 표시된다. 난 당신이 HTML에서 일부 CSS와 함께이 작업을 수행 할 수 있습니다하지만 난이 플러그인이를 어떻게 찾을 수 없습니다 것을 알고있다.

는 대부분의 브라우저 표시, 당신에게

Answer 1

tooltip 옵션은 간단한 <a titlie='...'> 속성으로 변환됩니다 감사 간단한 popoup로. 내가 아는 한,이 툴팁에는 HTML 마크 업을 포함 할 수 없습니다. 대신 기존 jQuery tootltip 플러그인 중 하나를 사용하여 Dynatree 노드에 바인딩하는 것이 좋습니다.

Answer 2

감사합니다. mar10. 내 필요에 맞는 것으로 생각되는 easyTooltip 플러그인을 발견했습니다. 이 가리키는 코드

$("#vlutree a").easyTooltip({ 
useElement: "item"   
}); 

와 이 툴팁에 IMG을 넣을 수

<div id="item"> 
    <img src="icons/Icon.png" /> 
</div> 

메신저를 div에, 내 문제는 내가 다른 이미지를 보여주기 위해 가리키고있는 노드 메신저에서 찾을 수있는 방법입니다 각 노드에 대해 ..