javascript - Famo.us 修改器有效执行 `display: none;`

Question

是否可以创建一个 Modifier 或 StateModifier 来有效地从 DOM 中删除其所有子级或将它们设置为 display: none;/指针事件:无？

我尝试使用修改器并执行setOpacity(0);，但我想防止下面的所有表面也接收点击事件。

谢谢!

Answer 1

目前无法将 CSS 属性从修饰符传播到表面。

以下是您的选择:

• 使用不透明度 0 并使用 Z-index 平移到远处，或平移到屏幕之外。

• 使用 ContainerSurface - 这会加深 DOM，但您可以使用 display: none 操作包含 DIV。

• 查看Fader修饰符。有一个剔除选项。当 true 时，它​​将从渲染树中删除节点。

• 显示/隐藏节点 - 但这可能会降低性能。请参阅discussion here或抢 the show modifier在这里。

另请参阅this Stack Overflow question about removing rendernodes.