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之外，它将关闭它。正是你想要的。 issue

单击body或html时如何关闭菜单？

3 个答案: