Проблема с всплывающей подсказкой jQuery Tools - 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>

В указанном выше случае подсказка работает только для тега <img>.

Я не добавил ни одного CSS на <img> или <a>.

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

Однако вышеприведенное не работает.

Answer 1

По умолчанию метод tooltip () будет отображать содержимое, содержащееся в атрибуте title элемента. Поскольку у вашего <a> нет атрибута title, во всплывающей подсказке ничего не отображается. Если вы добавите атрибут заголовка к этому тегу так:

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

Это должно работать.