Итак, у меня есть этот проект, где ссылки расположены горизонтально в верхней части сайта. Я хочу, чтобы теги data-title отображались с текстом, соответствующим каждой ссылке, когда пользователь наводит курсор на нее. Кроме того, я хочу, чтобы тег данных отображался в конце ссылок с помощью тегов заголовка данных.
Это HTML для ссылок:
<div class="button"><a href="#" data-title="There's no place like Home" >Home</a></div>
<div class="button"><a href="#" data-title="What makes me tick?">About</a></div>
<div class="button"><a href="#" data-title="Send me a message!">Contact</a></div>
</div>
I Я пытался возиться с этим кодом, чтобы заставить его работать, но я не могу заставить его работать:
$("").hover(function() {
$(this).css('cursor','pointer').attr('title','There is no place like home.');
}, function() { $(this).css('cursor','auto');
});
Помощь с этим была бы очень признательна!