工具提示中的Dynatree圖像

即時通訊使用jQuery Dynatree插件開發一個新的網站。這裏是我如何寫工具提示中的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"} ]} ];

樹工作正常，一切都OK用這樣一個例子。正如你在團隊1的第一個孩子中看到的，我設置了一個工具提示。我的問題是，如果可能，我怎麼能把一個圖像內的工具提示，所以每次你mouseover一個孩子，它會顯示一個圖像作爲工具提示而不是純文本。我知道你可以做到這一點，在HTML中，某些CSS但我不能找到如何做到這一點這個插件。

謝謝

來源

2012-04-20 man_or_astroman

的tooltip選項被轉換成一個簡單的<a titlie='...'>屬性，大多數瀏覽器顯示作爲簡單的popoup。據我所知，這些工具提示不能包含HTML標記。我建議使用現有的jQuery tootltip插件之一，並將其綁定到Dynatree節點。

來源

2012-04-21 05:39:48 mar10

謝謝mar10。我發現easyTooltip插件，我認爲適合我的需求。有了這個代碼

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

指向這個div

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

IM能夠把一個IMG的提示，我的問題是我如何能在哪個節點IM發現，以顯示不同的圖像指向爲每個節點..

來源

2012-04-23 05:29:34

工具提示中的Dynatree圖像

回答

相關問題