悬停选择器,至少A或B.

时间:2013-09-15 10:42:00

标签: javascript jquery jquery-hover

我正在寻找一个具有“任一”选择的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>

谢谢!

1 个答案:

答案 0 :(得分:0)

我看不到你的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");
    });
});