javascript - 菜单不会消失

Question

请告诉我如何解决菜单问题。

当您将鼠标悬停在 PAGES 项目上时，会显示所需的块，但如果您将鼠标光标移离显示的页面块，它不会消失。

$(".link__mega-menu").mouseover(function() {
    $(".drop-down__mega-menu").show();
});

$(".drop-down__mega-menu").mouseleave(function() {
    $(".drop-down__mega-menu").hide();     
});

https://codepen.io/Dasha_Novikov/pen/NWPbeyw

标签： javascriptjqueryhtmlcss

Answer 1

使用.hover事件而不是鼠标事件

$(".link__mega-menu, .drop-down__mega-menu").hover(function() {
      $(".drop-down__mega-menu").show();
    }, function() {
      $(".drop-down__mega-menu").hide();     
});