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);
})
然而,上述内容现在不起作用。
答案 0 :(得分:1)
默认情况下,tooltip()方法将显示元素“title”属性中包含的内容。由于您的<a>
没有title属性,因此工具提示不会显示任何内容。如果您为该标记添加title属性,请执行以下操作:
<a href="#" title="This is my anchor tag">testing</a>
它应该有用。