fadeIn子供がホバリングした後、子供が子供をぼやけてぼやけます

Question

これは確かに尋ねられましたが、私はそれを見つけていません。

私には、子サブメニューdivの親として機能するli項目があります。

親liのホバーでは、子divが表示されます。しかし、私が親をぼかすと、子divは隠れます。

マウスカーソルが子divの上にある限り、子divが表示されたままになるようにするにはどうしたらいいですか？カーソルがdivを離れるとdivが非表示になります。次のように

私のコードは、これまでのところです。今のよう

$(document).ready(function(){ 
    $(".menuSection").hover(function(){ 
     $(this).children(".subMenuWrap").fadeIn(100); 
    }); 
    $(".subMenuWrap").blur(function(){ 
     $(this).fadeOut(100); 
    }); 
}); 

、フェードインが正常に動作し、彼らはぼかしに消えるいけません。 ご協力いただければ幸いです！

Answer 1

ホバーとボケは異なるものを指します。ホバーはマウス（mouseenter、mouseleave）の位置を指し、blurは要素が失われたことを意味しますfocus。マウスが離れたときには、第二が実行され、ユーザーが領域にマウスを移動したときに最初に実行される、hover二つの機能を与えることができます：

$(document).ready(function(){ 
    $(".menuSection").hover(function(){ 
     $(this).children(".subMenuWrap").fadeIn(100); 
    },function(){ 
     $(this).children(".subMenuWrap").fadeOut(100); 
    }); 
});