相关 JSFiddle:http://jsfiddle.net/7u2fy/
我试图在菜单中添加一个幻灯片，它在单击按钮时滑入，在您按退出键或单击菜单外的任意位置时滑出。当菜单处于事件状态时，我还想使屏幕的非菜单部分变暗。
我的问题是 jquery 点击处理程序无法关闭菜单。
jsfiddle 看起来有点奇怪，因为即使在我的实际元素中它看起来不错，只有 jquery 点击处理程序不工作。
无法正常工作的特定代码...
$('#site-wrapper.show-nav #site-canvas').click(function () {
toggleNav();
});
最佳答案
您的点击处理程序工作正常，问题是此元素上出现的灰色 block :#site-wrapper.show-nav #site-canvas:after
它基本上会阻止任何点击，删除下面的“绝对”属性，您就可以点击了。
#site-wrapper.show-nav #site-canvas:after {
*position: absolute;*
}
问题出在你的 CSS 而不是你的 JS，请看这个点击工作的 fiddle :http://jsfiddle.net/7u2fy/1/
关于javascript - jquery 单击处理程序不关闭菜单中的幻灯片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24004360/