功能与html body的汉堡包点击事件jquery

时间:2015-05-30 01:45:56

标签: javascript jquery html

所以基本上我目前正在使用这样的脚本,这样我就可以点击弹出菜单未打开的区域,它会关闭,这很棒......

 //ALLOWS CLICK ON THE BODY TO CLOSE THE MENU//
    $( '#colorscreen' ).click(function(){
        $( '#menu' ).multilevelpushmenu( 'collapse' );
        $('.nav-toggle').removeClass('active');
           $(this).addClass('active');   
    });

colorscreen是一个近乎不可见的叠加层,具有非常低的z指数,这意味着其他元素会干扰其功能....

如果我用身体替换colorscreen,代码根本不起作用,因为菜单本身当然在体内,因此在函数中使用身体是不可能的。

有没有办法用一些东西替换div #colorscreen,让我只需点击身体的任何地方而不会混淆弹出菜单?....

我希望有一个反向功能可以说“如果你不点击菜单然后关闭它”我不知道因此我的帖子。

编辑: 此编辑包括建议的not语句,该语句有效,但不允许类激活更改,因此现在需要使用此新语句解决此问题

$(":not(#menu .navbtn)").click(function(){
        $( '#menu' ).multilevelpushmenu( 'collapse' );
        $('.nav-toggle').removeClass('active');
           $(this).addClass('active');   
    });

1 个答案:

答案 0 :(得分:0)

您可以使用:not()docs)或.not()选择器(docs)。

$(":not(#menu)").click(function(){