从父 div 中排除选择器
我需要在单击页面背景（#page）时触发一个事件（例如隐藏浮动购物车），但在单击内部内容时不会发生此事件。所以我需要这个事件发生在空间：页面减去内容。我该如何实现它？谢谢
如果我有这个结构：
<body>
<div id="page">
<div id="content">
here
</div>
</div>
</body>
var outer= jQuery("#page");
jQuery(outer).click(function(){
jQuery(cos_de_cumparare).toggle();
});
I need to trigger an event (e.g. hide a floating shopping cart) when clicking on the background of the page (#page) but this event not to occur when clicking inside content. So I need this event to occur on the space: page minus content. How do I achieve it? Thanks
If I have this structure:
<body>
<div id="page">
<div id="content">
here
</div>
</div>
</body>
var outer= jQuery("#page");
jQuery(outer).click(function(){
jQuery(cos_de_cumparare).toggle();
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您可以检查事件的目标并
在此处进行相应的操作 http://jsfiddle.net/wNsd7/
you could check the target of the event and act accordingly
fiddle here http://jsfiddle.net/wNsd7/
为此，您可以停止事件在链上传播。
通常的方法是将点击事件附加到子元素并停止从那里传播，这样：
这是一个示例< /a>
To do this you can stop the event propagating up the chain.
The usual way to do this is to attach a click event to the child elements and stop propagation from there such that:
Here's an example
试试这个并检查 http://jsfiddle.net/qgUjb/4/
Try this and check http://jsfiddle.net/qgUjb/4/