为什么我的 Jquery 工具提示不起作用？

Question

我没有得到工具提示，我认为问题出在我的选择器上。 我选择了一个位于此处的插件： http://flowplayer.org/tools/tooltip/index.html它说您可以使用元素的标题属性作为选择器。 我想要 select 菜单项并为每个菜单项附加一个工具提示（以描述菜单链接）。 似乎最简单的方法是使用 title 属性。 我只需要在每个工具提示中放置大约 10 个或更少的单词。 在描述可能是什么问题之前，让我还提到几件事。

我在页面上也有一个 JQuery 手风琴，来自 jqueryui.com 站点。 到 jqueryui 的链接是在从http://flowplayer.org/tools/tooltip/index.html调用 jquery 工具之后放置的。 起初我以为这是 jquery ui，但 jqueryui 没有工具提示 - 尽管它们有一个类似的对话框，但我不需要 header，只需要几句话的空间。

所以，让我们看看我哪里可能出错了。 A) 在调用 jqueryui 之前调用 jquery 工具。 反过来，我的手风琴就坏了。

B）插件文档说有一个 class.tooltip 默认情况下可用，代码还让我将工具提示的 class 设置为工具提示。 它绝对没有得到我为工具提示设置的任何样式。 我不确定如何确认此工具提示 class 存在，因为它仅在工具提示出现时显示。

C) 我的选择器。 起初我尝试了 CSS 后代选择器，就像我在 CSS 中一样。 我什至添加了一个包含工具提示 id 的 div。

1）第一个选择器：$('#tooltip a[title])，获取具有title属性的a标签。 这在文档中有所描述，但在我看来，您似乎想要在锚标记上“触发”，而不是它的标题属性 2) 第二次尝试使用后代选择器 $(".art-hmenu a.tt[title]" ) - 我在标签里面有一个 class 的 art-hmenu 一个锚标签 class tt 我想要标题属性。 - 没用。 3) 最后，我尝试使用 ("#tooltip").find('a[title]') - 认为这会找到带有 title 属性的锚标记。 文档页面说此代码将利用元素的标题属性： $("img[title]").tooltip(); 这可能会在每个 img 标签上放置一个工具提示，不是吗？ 我上面的第一个示例与使用 ("#tooltip a:[title]") 类似，但它不起作用。 也许标题不应该在锚标签上，而是在 li 标签上。 我可以使用一些帮助来解决这个问题 - 无论问题出在哪里，我认为这就是我做出选择的方式。 谢谢，布鲁斯

Answer 1

您正在寻找一个属性，所以请改用$('#tooltip a').attr("title") 。

Answer 2

听起来你过于复杂了。 给出链接、短语、输入、按钮“触发器”的 class 和标题。 工具将处理其他所有事情。 您可以使用 a.tooltip class 设置工具提示的样式。 你 position 带有偏移和 position 设置的工具提示。 如果您想对样式感到疯狂，您可以布局：或打开插件源代码并将 html 包裹在 Append(title) 周围。