Jquery点击处理程序不关闭菜单中的幻灯片

jquery click handler not closing slide in menu

本文关键字：菜单 幻灯片 处理 程序 Jquery      更新时间：2023-09-26

相关JSFiddle: http://jsfiddle.net/7u2fy/

我试图有一个滑动菜单，滑动在一个按钮点击和滑出，当你按escape或单击菜单外的任何地方。当菜单处于活动状态时，我还想让屏幕的非菜单部分变暗。

我的问题是jquery的点击处理程序不工作的菜单关闭。

jsfiddle看起来有点奇怪，即使在我的实际项目中它看起来很好，只有jquery的点击处理程序不工作。

不能工作的特定代码…

$('#site-wrapper.show-nav #site-canvas').click(function () {
    toggleNav();
});

您的点击处理程序工作正常，问题是出现在此元素上的灰色块:#site-wrapper。后show-nav # site-canvas:

它基本上阻止任何点击，删除下面的属性'absolute'，你可以点击。

#site-wrapper.show-nav #site-canvas:after {
  *position: absolute;*
}

这个问题是在你的CSS而不是你的JS，请看看这个小提琴点击工作:http://jsfiddle.net/7u2fy/1/

相关文章：