javascript - 单击窗口时删除滑动菜单

标签 javascript jquery

下面的代码是正确的,但是。单击窗口或文档时如何删除她的操作?

$(document).ready(function(){
 $("#icon").click(function(){
     if(! $("#icon").hasClass('active')){
    $("#icon").toggleClass('active');
     $("body").animate({ margin: "0 0 0 350px" }, 400 );
        $('body').css({
          'overflow': 'hidden',
          'height': '100%'
          });
     }else{
        $("#icon").removeClass('active');
         $("body").animate({ margin: "0 0 0 0" }, 400 );
         $('body').css({
          'overflow': 'auto',
          'height': 'auto'
          });       
     }


 });
});

最佳答案

您可以使用 window, document选择器和解除绑定(bind) click使用 jquery 方法的事件 off() :

$(window ,document).click(function(){
    $("#icon").off('click');
});

希望这对您有所帮助。

关于javascript - 单击窗口时删除滑动菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33890363/

相关文章:

javascript - 如何使 .replace(/./g, '_' ) 处理空格异常(exception)情况?

javascript - 如何确保点击处理程序只注册一次?

javascript - 动态发送数据到服务器

jquery - 使用百分比和媒体查询的宽度时,设置 div 高度以匹配 div 宽度

javascript - 在 Laravel 的 Controller 中获取 POST 参数(由 javascript/vue 发送)

javascript - ECMAScript 6 中更短的类初始化

javascript - 如何为 Chart.js 数据提供空值?

jquery - 我们究竟应该如何将这 3 个片段部分组合到一个 html 文件中

javascript - 从上传的文件中提取数据而不用 JavaScript 提交文件?

javascript - 引用错误 : Can't find variable in function JS