如何在點擊body或html時關閉菜單？

Question

我有一個關於關閉功能的小問題。下面的JavaScript代碼工作正常，但我想添加一個關閉功能，如果用戶點擊（身體或另一個菜單）。我能做些什麼，任何人都可以在這方面幫助我？

JS

$(".icon-ellipsis").on('click', function() { 
    var state = $(this).data("state"); 
    if (state === "close") { 
     $(this).data("state", 'open'); 
     $(".some-info-menu").addClass("active"); 
    } else { 
     $(this).data("state", 'close'); 
     $(".some-info-menu").removeClass("active"); 
    } 

}); 

Answer 1

啊好吧，我找到了解決辦法只是我增加了一個身體像這樣:)。如果任何人都可以再次提出解決方案，請告訴我。

$(".icon-ellipsis, body").on('click', function() { 
    var state = $(this).data("state"); 
    if (state === "close") { 
     $(this).data("state", 'open'); 
     $(".some-info-menu").addClass("active"); 
    } else { 
     $(this).data("state", 'close'); 
     $(".some-info-menu").removeClass("active"); 
    } 

}); 

Answer 2

你試過

$(window).on('click',function(){ 

}); 

Answer 3

這樣的事情一定會做到。

$('html').click(function() { 
    $('.some-info-menu').hide(); 
}); 

例子的jsfiddle我發現，這表明，如果你點擊菜單ID之外，將關閉它。正是你想要的。 http://jsfiddle.net/tedp/aL7Xe/1/