jQuery的工具提示問題 - jQuery的

Question

的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); 
}) 

但是，上述現在不起作用。

Answer 1

默認情況下，tooltip（）方法將顯示包含在元素「title」屬性中的內容。由於您的<a>沒有標題屬性，因此工具提示不顯示任何內容。如果您爲此標籤添加標題屬性，如下所示：

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

它應該有效。