Question

我做了这个＆＃34;滑出＆＃34;菜单：SASS Slide-out Menu。
没关系，但是我希望当菜单滑动时，在窗口上点击菜单返回（删除课程＆＃34; nav-open＆＃34;）。我在codepen演示中试过这个，但它不起作用：

window.on("click", function(e) {
    if(wrapper.hasClass("nav-open") && e.target != nav && e.target.parent() != nav) {
        wrapper.removeClass("nav-open");
    }
});

Answer 1

你很亲密！我认为你的codepen示例需要关闭逻辑块调整，如下所示：

  $(window).on("click", function(e) {
    if (
      wrapper.hasClass("nav-open") && 
      !$(e.target).parents(nav).hasClass("side-nav") && 
      !$(e.target).hasClass("toggle")
    ) {
        wrapper.removeClass("nav-open");
      }
  });

一些提示：

使用$（窗口）.on not window.on
e.target是一个DOM元素，所以你需要将其包装在jQuery中，如$（e.target）
您可以比较DOM元素，但不能比较jQuery对象，因此您可以使用hasClass而不是
我添加了一项检查，忽略了对切换本身的点击

带有工作代码的分叉代码：http://codepen.io/anon/pen/mzAru

在窗口单击关闭画布菜单

1 个答案: