jquery - 激活使用通用 div 作为提示的工具提示...（jQuery）

Question

我环顾四周，但似乎找不到我正在寻找的答案。

我想做的事：我有一个 div，里面有内容，包括其他元素。它是在页面上保持隐藏，但我想将其用作三个不同元素的工具提示，而不复制工具提示 div。

因此，例如，我有一个 div 和 3 个图像：

<div id='tooltip_div'>This is <b>a tooltip</b> to be used for the three images</div>
<img src='1.jpg' />
<img src='2.jpg' />
<img src='3.jpg' />

我想为每个带有#tooltip_divdiv 内容的图像附加一个工具提示。我看过这个，但似乎希望工具提示紧跟在目标元素之后。这将需要为我想要与之关联的许多目标元素复制工具提示 div（因此，我必须拥有该 div 三次，在每个图像之后一次）。

如果我能做，那就太好了$('img').tooltip('#tooltip_div')，基本上告诉插件哪个元素用于工具提示。

如果有人可以提供帮助，那就太好了！谢谢！

score 2 · Accepted Answer

2

试试醉。这是一个很棒的插件，很容易激活

$(".tip").tipsy();

于 2011-07-20T19:36:18.783 回答

score 0 · Accepted Answer

尝试提示。您将title属性添加到您想要的工具提示中，然后添加类“提示”，这意味着您可以执行以下操作：

$(".tip").tipTip();

您还可以使用该方法将生成的工具提示的内容自定义为您想要的任何内容content()。可能使用 ; 从隐藏的 div 中拉入您的内容.content($("#tooltip_div").html())；

score 0 · Accepted Answer

Tipsy 更好： http: //onehackoranother.com/projects/jquery/tipsy/。激活 HTML，设置一个静态消息（你的 div），你就完成了。

给你的图像上一课，比如说class="images"。

然后你只需输入： $(".images").tipsy({html: true, fallback: "*your div, your content, whatever*});

score 0 · Accepted Answer

我使用的另一个工具提示插件确实支持这一点。

请注意tip您可以指定单个工具提示元素的选项。

4 回答 4