为什么我的Jquery Tooltip无法正常工作？

我没有得到工具提示，我认为问题出在我的选择器上。我选择了一个位于这里的插件：http://flowplayer.org/tools/tooltip/index.html 它说你可以使用元素的title属性作为选择器。我想要选择菜单项并在每个菜单项上附上工具提示（以描述菜单链接）。看起来最简单的方法是使用title属性。我只需要在每个提示中填入大约10个或更少的字。在描述可能是什么问题之前，让我再提一些事情。为什么我的Jquery Tooltip无法正常工作？

我在页面上也有jQuery手风琴，来自jqueryui.com网站。该链接到jqueryui被放置在从http://flowplayer.org/tools/tooltip/index.html调用jQuery工具之后。我以为这是jQuery UI，但jqueryui没有工具提示 - 虽然他们有一个类似的对话框，但我不需要标题，只需要几个字的空间。

所以，让我们看看我可能出错的地方。 A）在调用jqueryui之前调用jQuery工具。当这种情况逆转时，我的手风琴没有奏效。

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

C）我的选择器。起初我尝试了一个CSS Descendant选择器，就像我在CSS中一样。我甚至添加了一个包含工具提示ID的div。

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

来源

2011-08-11 Bruce Whealton

我知道这并不回答你的问题，但刚刚研究了一堆不同的工具提示库 - 看看QTip2 - 它看起来是最好的.. – Stephen

嗯，QTip2确实为我工作。我只需选择锚标记，并将文本的标题属性值显示在工具提示中。 –

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

来源

2011-08-11 00:14:48 DanyZift

我会试试看。谢谢。 –

这似乎没有工作。以下是我在站点底部正好位于结束标签上方的脚本。 <脚本类型= “文本/ JavaScript的”> \t \t jQuery的（文件）。就绪（函数（）{ \t \t（ “#tooltip一”）。ATTR（ “标题”）。工具提示（{ \t \t \t位置： “右上角”， \t \t \t tipClass： “工具提示” \t \t \t}）; \t \t}）; \t –

听起来好像你太过复杂了。给出链接，词组，输入，按钮类的“触发器”和标题。工具将处理一切。您可以使用.tooltip类来设置工具提示的样式。您可以使用偏移和位置设置定位工具提示。如果你想让样式变得疯狂，你可以布局：或者打开插件源代码并在Append（标题）周围包装html。

来源

2012-03-28 12:00:18

为什么我的Jquery Tooltip无法正常工作？

回答

相关问题