如何在点击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/