0

開発中の新しいサイトで 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でこれを行うことができることは知っていますが、このプラグインでこれを行う方法が見つかりません.

ありがとうございました

4

2 に答える 2

0

mar10ありがとうございます。自分のニーズに合っていると思うeasyTooltipプラグインを見つけました。このコードで

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

このdivを指しています

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

ツールチップにimgを配置することができませんが、私の問題は、ノードごとに異なる画像を表示するために、どのノードでimが指しているかをどのように見つけることができるかです。

于 2012-04-23T05:29:34.333 に答える
0

tooltipオプションは単純な属性に変換され、ほとんど<a titlie='...'>のブラウザは単純なポップアップとして表示されます。私の知る限り、これらのツールチップに HTML マークアップを含めることはできません。代わりに、既存の jQuery ツールチップ プラグインの 1 つを使用して、それを Dynatree ノードにバインドすることをお勧めします。

于 2012-04-21T05:39:48.053 に答える