JavaScript點擊和隱藏問題火狐

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'; 
}); 

Answer 2

我喜歡John Resig's網站在這裏提到的想法：

var outerPane = $details.find(".details-pane-outer"), 
    didScroll = false; 
$(window).scroll(function() { 
    didScroll = true; 
}); 

setInterval(function() { 
    if (didScroll) { 
     didScroll = false; 
     // Check your page position and then 
     // Load in more results 
    } 
}, 250);