jQuery关闭外部点击

问题描述

我制作了一个侧面导航菜单，单击按钮即可从左向右滑动。

i have made a side navigation menu which slides from left to right on the click of a button.

$(document).ready(function(){
  $("#nav-toggle").click(function(){
    $("#page").toggleClass("margin");
  });
});

当单击＃nav-toggle按钮时，＃page边距从0px​​增加到600px。

when the '#nav-toggle' button is clicked the '#page' margin increases from 0px to 600px.

    .margin {
margin-left:600px;width:380px;overflow-x:hidden
}


<div id="side-menu">

<nav>
    <a class="nav-links" href="#home">home</a>
    <a class="nav-links" href="#about">about</a>
    <a class="nav-links" href="#contact">contact</a>
</nav><!-- end of nav  -->

我如何关闭菜单

推荐答案

$('body').on('click',function(event){
   if(!$(event.target).is('#nav-toggle')){
     $("#page").removeClass("margin");
   }
});

这篇关于jQuery关闭外部点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！