gpt4 book ai didi

javascript - 父级隐藏,但子级仍然可见(我不希望它们可见)!

转载 作者:行者123 更新时间:2023-12-03 21:33:11 25 4
gpt4 key购买 nike

好吧,我遇到过这样的情况:我需要将一些克隆的 DOM 元素添加到网页中的父 DIV 元素中。

我有四个这样的父级 DIV 持有者。当我将它们的可见性从可见切换到隐藏时,发生了一件非常奇怪的事情:所有页面加载后添加的子项都保持可见!

这里是下载源代码的链接: http://www.clarencebowman.com/parent-child-visibility/parent-child-visibility.zip

这里有一个链接可以直接查看这种现象: http://www.clarencebowman.com/parent-child-visibility

您将看到一个红色框,其中添加了一些洋红色子元素,页面加载后。页面底部有一个显示/隐藏按钮。

我在父 DIV 中添加了一条绿色条纹,以表明其子元素确实正确继承了其可见性。

但是在添加克隆的子元素然后隐藏父 DIV 后,克隆的子元素都不会消失!

在运行复制脚本之前,我已经尝试将要克隆的子级放入父级 DIV 中...这没有什么区别。

页面加载后添加的任何子元素似乎都失去了与父 DIV 元素(红色框)的继承链接......

还有人遇到过这种情况吗?有没有简单的方法来修复/替换/重新分配 child 的继承权?

我使用的是 jQuery 1.5。

最佳答案

许多其他人提到只使用 display: none 但正如您所知,这与使用 visibility 属性具有完全不同的行为。

您可以做的一件事是使用隐藏/继承而不是隐藏/可见inherit 将导致元素默认可见,除非其父元素之一不可见。这就是你想要的。

关于javascript - 父级隐藏,但子级仍然可见(我不希望它们可见)!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5188431/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com