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"          
});

指向这个div

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

我能够将img放到工具提示中，我的问题是如何找到我指向的节点，以便为每个节点显示不同的图像..

工具提示中的Dynatree图像

2 个答案: