jquery - 焦点对准时工具提示淡出

Question

我有一个简单的代码，当您将鼠标悬停在元素上时，我会显示工具提示(通过更改显示属性)。有没有办法让我将鼠标悬停在工具提示上时工具提示不会淡出。

$('.element').mouseenter(function(){  
    $(this).find('.tooltip').fadeIn();
}).mouseleave(function(){       
    $(this).find('.tooltip').fadeOut();  // I want the tooltip to not fadeout if move is over tooltip element
});

Answer 1

描述

如果您的工具提示是 .element 的子元素，它不会消失。

另一件事，我建议你使用 jQuery 的 .hover() 方法。

查看我的样本和这个 jsFiddle Demonstration

示例

<div class="element"> 
    hover me
    <div style="display:none" class="tooltip">Iam your tooltip</div>
</div>


$('.element').hover(function(){  
     $(this).find('.tooltip').fadeIn();
}, function(){         
     $(this).find('.tooltip').fadeOut();
});

更多信息

• jQuery.hover()