javascript点击并隐藏问题firefox

Question

我正在尝试创建一个菜单，当您单击页面上的其他任何位置时，div 将被隐藏。这适用于除 Firefox 之外的所有浏览器。在 Firefox 中，当您单击该部分中的某个链接时，它不会转到该链接，而只是关闭该 div。

代码:

$(document).mouseup(function(e){//removes menu when clicked on any other part of page
    if($(".menuone:visible").length > 0  ){
        $('.menuone').hide();
    }
});

HTML:

<div class="menuone">
<div class="col1">
<ul><li>Example link</li></ul>
</div>
</div>

Answer 1

您应该设置一个变量来跟踪 .menuone div 的悬停状态。

那么你的 if 语句将是:

if($(".menuone:visible").length > 0 && !menuHover )

这应该可以解决问题。

希望有帮助:)

编辑:

var menuHover = false;

$(".menuone").bind('mouseenter mouseleave',function(e){
    menuHover = e.type == 'mouseenter';
});