ツールナップの中のDynatreeイメージ

Question

私は開発中の新しいサイトでjQuery Dynatreeプラグインを使用しています。 は、ここで私は木が正常に動作し、すべての[OK]を、これとされる

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でこれを行うことができます知っているが、私はこのプラグインでこれを行う方法を見つける傾ける。

tooltipオプションは、ほとんどのブラウザが表示されるよう、シンプル<a titlie='...'>属性に変換され、あなたの

Answer 1

ありがとうございました単純なpopoupとして。 私が知る限り、これらのツールチップにHTMLマークアップを含めることはできません。 代わりに、既存のjQueryのtootltipプラグインを使用してDynatreeノードにバインドすることをお勧めします。

Answer 2

ありがとうございます。私はeasyTooltipプラグインが私のニーズに合っていることを発見しました。これに指して、このコード

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

で がツールチップにIMGを置くことができる

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

イムをDIV、私の問題は、私は別の画像を表示するために指しているノードイムで見つけることができる方法であります各ノードについて..