jquery - 隐藏的 DIV 链接使其他人无法点击

标签 jquery html css

您好,感谢阅读。我遇到一个问题,其中带有 opacity: 0; 的隐藏 div 仍然允许用户与 div 的可点击元素进行交互。这使得用户无法与重叠的隐藏 div 的可点击元素进行交互。我通常会通过使用来解决这个问题 position:absolute;指针事件:无; 但这会导致相反的情况发生,即隐藏的 div 的链接不再可点击。我仔细检查了我的 z-index,它看起来是正确的,但问题仍然存在。此外,隐藏的 div 似乎忽略了应用于它的切换效果,只是弹出任何动画。

点击复选框激活隐藏的div:

http://codepen.io/gmrstudios/pen/jyoZvL

最佳答案

在 td.tg_admin 元素上使用 overflow: hidden;。 并且请使用 tg_admin 作为类,id 只能使用一次。

关于jquery - 隐藏的 DIV 链接使其他人无法点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42320688/

相关文章:

jquery - 调整浏览器大小时,右 Bootstrap 列会下降到左列下方

javascript - 从 'this' 对象中选择多个类名?

html - 嵌套的 flex 元素不会使父级增长

javascript - 将 HTML 字符串转换为 Jquery,进行操作并转换回字符串

javascript - jsTree : How to get all nodes from jstree?

javascript - 使用 javascript 获取父元素 ID(Chrome 操作系统)

javascript - 如何在 Django 模板中为标签创建动态 ID

javascript - 在 Canvas 上绘制平行线

javascript - 在 React 中设置单个子组件的样式

c# - CSS 不会通过捆绑呈现,如果直接写在页面上可以正常工作