为什么我的Jquery Tooltip不起作用?

时间:2011-08-11 00:04:05

标签: javascript jquery jquery-selectors

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

我在页面上也有一个JQuery手风琴,来自jqueryui.com网站。在调用http://flowplayer.org/tools/tooltip/index.html的jquery工具之后放置了指向jqueryui的链接。起初我认为这是jquery ui,但jqueryui没有工具提示 - 尽管他们有一个类似的对话框,但我不需要标题,只需要几个单词的空间。

所以,让我们看看我可能出错的地方。 A)在调用jqueryui之前调用jquery工具。当这种情况发生逆转时,我的手风琴无效。

B)插件文档说有一个类.tooltip默认可用,代码也允许我将工具提示的类设置为工具提示。绝对没有为工具提示设置任何样式。我不确定如何确认此工具提示类是否存在,因为它仅在工具提示出现时显示。

C)我的选择器。起初我尝试了一个CSS Descendant选择器,就像我在CSS中一样。我甚至添加了一个id为tooltip的包含div。

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

2 个答案:

答案 0 :(得分:1)

您要查找属性,请改用$('#tooltip a').attr("title")

答案 1 :(得分:1)

听起来你过于复杂了。  给出链接,短语,输入,按钮“触发器”类和标题。工具将处理其他一切。您可以使用.tooltip类设置工具提示的样式。使用偏移和位置设置定位工具提示。如果你想在样式上疯狂,你可以布局:或打开插件源代码并在附加(标题)周围包装html。