当我将鼠标悬停在特定文本上时，我试图创建一个弹出框类型，但文本只隐藏，不会进一步显示

Question

我正在尝试创建一个弹出框，当您将鼠标悬停在文本上时，该框将弹出。文本消失了，但当你把鼠标悬停在上面时，它不会重新出现。下面的代码有什么改进吗？

$(document).ready(function(){
$("clo-t").hide();
$("clo").hover(function(){
$("clo-t").show();,
$("clo-t").hide();
});
})

Answer 1

您应该使用mouseout和mouseover而不是

$(document).ready(function() {
$(".clo").mouseover(() => {
$(".clo-t").show();
}).mouseout(t => {
if (!$(t.target).hasClass("clo-t"))
$(".clo-t").hide();
})
})