移动具有不可见内容的元素

Question

我有一个加载内容的页面。我.clone()某些元素，然后隐藏原件，然后将克隆的元素附加到dom。特别是有一个元素连接到 CMS 字段，用户可以在其中添加脚本和内容。即使里面没有任何内容，该字段也会显示。

这个盒子可以由无数个html节点组成，主要是五组。

1. cmets<!-- -->
2. 脚本标签<script></scripts>
3. 用于分析跟踪的图像包含zferral 通常display:none
4. 文本plain text（不包含在html中）
5. html <b>hello</b>

如果它有纯文本或 html（不是display:none），我想显示这个框。

重申一下，我移动了这个框，所以我不想让bool 告诉我是否应该用 javascript 把它放进去。

Answer 1

您可以在放置所有内容的盒子内放置一个包装 div（具有 0 个填充、0 个边距、无边框、溢出隐藏、自动宽度、自动高度）。然后只需使用 jquery 来计算该盒子的尺寸。如果它的尺寸为零。它不包含可见元素。唯一不起作用的情况是内容是具有绝对/固定位置的 html 元素。