javascript - 悬停选择器，至少 A 或 B

Question

我正在寻找具有“任一”选择的 jQuery 选择器。问题是，我有一个下拉菜单，希望他们留下 2 个选项。

当他们离开按钮或离开弹出的菜单时。

当我使用jQuery(".button, ul.menu").mouseleave它时，当我离开按钮时它会消失。

我希望它与众不同；至少有1个选择器必须悬停才能显示菜单。

我怎么能做到这一点？

<script>
jQuery(document).ready(function(){
  jQuery(".button").mouseover(function(){
    jQuery("ul.menu").stop().delay(600).fadeIn("fast");
  });
  jQuery("ul.menu, .button").mouseleave(function(){
    jQuery("ul.menu").stop().fadeOut("fast");
  });
});
</script>

谢谢！

Answer 1

我看不到您的 HTML 标记，但是您将这两个元素包装在一个容器中并处理mouseleave它，如果您离开容器，它将被解雇；喜欢：

jQuery(document).ready(function(){
    jQuery(".button").mouseover(function(){
        jQuery("ul.menu").stop().delay(600).fadeIn("fast");
    });
    jQuery(".container").mouseleave(function(){
        jQuery("ul.menu").stop().fadeOut("fast");
    });
});