javascript - jQuery隐藏div点击外部div不包括其子div

标签 javascript jquery html

我有一个 div(sel_optn1),点击 li(opt1) 时显示 sel_optn1 并将 sel_optn1 隐藏在 sel_optn1 的侧面点击之外。
它工作正常,但如果我点击 sel_optn1 的子级,它就会隐藏。

我只想在外侧点击时隐藏 sel_optn1,但要排除 sel_optn1 child 的点击来隐藏 sel_optn1

请参阅我正在尝试的这个示例 http://jsbin.com/ahuyak/1/edit

任何人都可以帮助我实现这一目标吗?

最佳答案

更新您的检查函数以检查对其子元素的点击:

if(e.target.className !== "sel_optn1" && !$(e.target).parents('.sel_optn1').length)

关于javascript - jQuery隐藏div点击外部div不包括其子div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14495251/

相关文章:

jquery - 使用ajax,jquery将数据附加到 Owl Carousel

javascript - 如何使用谷歌脚本覆盖具有相似名称和数据的现有谷歌工作表?

javascript - 我如何使用 JS 和 AJAX 发送数组

javascript - 在javascript中对混合字母/数字数组进行排序

Javascript - 正则表达式,现在该做什么,这都是真的

javascript - Rails 4 -//= 需要 jquery.ui.all 或使用 CDN 之间的区别

jQuery:串联导致未定义

html - 在div中获取以图像为中心的多行文本

jQuery .load 单击 b 后 react 缓慢

jquery - 当下拉列表被附加时会创建微小的空间