javascript - jQuery 关闭屏幕导航

Question

我正在尝试编写一个简单的 jquery 函数来将类添加到我的 html 中以实现离屏 nav 转换。我可以通过使用 .toggleClass 轻松地做到这一点，但我想使用一个 if 语句，如果 nav 不在正文(除导航之外的任何内容)上，则单击再隐藏起来。

我设置了一个 demo codepen .谁能告诉我哪里出错了？

Answer 1

$('body !nav')

不是有效的选择器。您应该做的是向文档添​​加一个监听器:

$(document).click(function() {
  // Stuff you want to do on a click
});

这将捕获所有未被其他函数处理的点击。然后，捕获导航上发生的点击:

$("nav").click(function(e) {
  // Stuff that should happen when nav is clicked.
  e.stopPropagation();
});