单击任何关闭幻灯片菜单

Question

我正在使用蓝图幻灯片和推送菜单，但问题是我需要在单击除菜单以外的任何部分时关闭菜单。

请帮帮我。我需要代码。 http://tympanus.net/Blueprints/SlidePushMenus/

Answer 1

这可能会对你有帮助。

$(document).click(function(){
    if($('yourElement').is(':visible')){
        $('yourElement').slideUp(300);
    }
});

$("yourElement").on('click',function(e) {
  e.stopPropagation();
});

Answer 2

首先，您需要点击您的文档：

$('html').click(function(event)
{

    // Then find a target: element you clicked on.

    var target = $(event.target);

    // Close your sidebar only if you clicked outside of this sidebar:

    if (target.closest('#id-of-sidebar').length === 0) {
        $('#id-of-sidebar').hide(); // or else special hide method.
    }
}

Answer 3

$(document).click(function(event){ 
    if(document.activeElement.nodeName=='BODY'){ 
        $("your menu selector").hide(); 
    }; 
}); 

Answer 4

使用以下代码：

 $(document.body).bind("click", function(e) {
    $(".selector")).hide();
 });