jquery - 在悬停时显示子 div，在鼠标悬停时将其隐藏，但如果子 div 悬停，则保持显示

Question

我有一个 div 悬停时会显示一个子 div 元素。当鼠标没有悬停在父 div 上时，子元素就会消失。如果鼠标离开父 div 但直接悬停在子元素上，我怎样才能使它不会消失？

$('.parentelement li ').hover(function(){

    $(this).find('.childelement').fadeIn();

}, function() {
   $(this).find('.childelement').fadeOut();
});

多谢你们。

Answer 1

尝试使用mouseenter和mouseleave

$('.parentelement li ').mouseenter(function () {
    $(this).find('.childelement').fadeIn();
}).mouseleave(function () {
    $(this).find('.childelement').fadeOut();
});

Answer 2

试试这个：

$('.parentelement li, .childelement ').hover(function(){
      $(this).find('.childelement').fadeIn();}, 
function() {
      $(this).find('.childelement').fadeOut();
});