我正在寻找一个具有“任一”选择的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>
谢谢!
答案 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");
});
});