如何使子节点不能单独拖动？

Question

在我的cytoscape.js图中，我有一个包含许多子节点的复合节点。这些孩子中的一些（但不是全部）仅被设计为标签，并且因为我设置了最小缩放字体大小，所以这些孩子在低缩放级别下是不可见的。尽管如此，如果有人试图抓住复合节点来拖动它，那么它们很可能会击中一个不可见的节点并将其拖动。为了防止这种情况，当我检测到图形处于不显示标签的缩放级别时，我尝试使用ungrabify（）将这些子节点设置为不可扩展。然而，这有一个令人遗憾的结果，当我抓住并拖动父复合节点时，不可见的不可扩展节点不会与其他子节点一起移动（即使我没有锁定任何节点）。如果不是取消对它们的取消，我会发生同样的问题，我只需添加一个类，将其可见性设置为隐藏。我希望它们不是单独可抓取的，但是当它们的父节点被拖动时仍然移动 - 我怎样才能最好地完成这个？

Answer 1

之前已经讨论过与此类似的用例的CSS属性。这是一张票：https://github.com/cytoscape/cytoscape.js/issues/1015

现在，如果您不需要真正的节点主体，可以尝试使子节点1x1 px。

，它很难抓住身体，因为它很小，但标签仍然会显示出来。