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

该tooltip选项被转换为一个简单的<a titlie='...'>属性，大多数浏览器显示为简单的弹出窗口。据我所知，这些工具提示不能包含 HTML 标记。我建议改用现有的 jQuery tootltip 插件之一并将其绑定到 Dynatree 节点。

于 2012-04-21T05:39:48.053 回答
0

谢谢你mar10。我找到了我认为适合我需要的 easyTooltip 插件。使用此代码

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

指向这个 div

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

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

于 2012-04-23T05:29:34.333 回答