У меня есть таблица, в которой некоторые смежные ячейки имеют одинаковый класс (someClass
). Я хотел бы отобразить всплывающую подсказку, когда мышь наводит одну из этих ячеек. Вот как я это реализовал:
/* HTML code */
<div id="tooltip"><div>
/* CSS code */
#tooltip {
display: none;
position: absolute;
border: 1px solid #333;
background: #f7f5d1;
padding: 2px 5px;
color: #333;
font-size: 20px;
}
/* jQuery code */
$(".someClass").hover(function(e) {
$("#tooltip").html("Shalom")
.css("top", (e.pageY - 10) + "px")
.css("left", (e.pageX + 20) + "px")
.fadeIn("fast");
},
function() {
$("#tooltip").html("").hide();
});
$(".someClass").mousemove(function(e) {
$("#tooltip").css("top", (e.pageY - 10) + "px")
.css("left", (e.pageX + 20) + "px");
});
Проблема в том, что когда мышь покидает ячейку и входит в соседнюю ячейку, всплывающая подсказка исчезает и появляется снова, что выглядит не очень хорошо.
Как можно предотвратить исчезновение всплывающей подсказки и ее повторное появление?
Спасибо!