jQuery Tools工具提示问题 - jQuery

时间:2011-08-22 17:17:02

标签: jquery hyperlink tooltip jquery-tools

jQuery:

$(function() {
$("img").tooltip();
$("a").tooltip();
})

HTML:

<div id="container">
<div id="main">
<a href="#">testing</a>
<img src="trollface.jpg" title="Hello, imma trollface!" />
</div>
</div>

在上述情况下,tooltip仅适用于<img>代码。

我没有在<img><a>上添加任何CSS。

$("a").hover(
function() {
    $(this).animate({color: "white"}, 400);
}, function() {
    $(this).animate({color: "black"}, 400);
})

然而,上述内容现在不起作用。

1 个答案:

答案 0 :(得分:1)

默认情况下,tooltip()方法将显示元素“title”属性中包含的内容。由于您的<a>没有title属性,因此工具提示不会显示任何内容。如果您为该标记添加title属性,请执行以下操作:

<a href="#" title="This is my anchor tag">testing</a>

它应该有用。