2011-08-22 60 views
1

的jQuery:jQuery的工具提示问题 - 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

默认情况下,tooltip()方法将显示包含在元素“title”属性中的内容。由于您的<a>没有标题属性,因此工具提示不显示任何内容。如果您为此标签添加标题属性,如下所示:

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

它应该有效。

+0

仍然不起作用。我想在该工具提示中加载html内容。 –

+0

如果你想使用HTML工具提示,你必须用一个“toolip”类来构建div,而这在你的示例代码中似乎没有。查看http://jsfiddle.net/s7Fte/上的示例。 –

+0

我拥有它,我只是没有指定它。顺便说一下,我在谷歌浏览器中试过,它工作。我使用Firefox 5. –