javascript - 将上下文菜单 (context.js) 附加到 cytoscape.js 中的节点

Question

由于 cytoscape.js 图中的节点位于 Canvas 上，我不确定如何将两者结合在一起。

我想问题的一般版本是，jQuery 如何找到节点？

我尝试过 cytoscape.js-cxtmenu 圆形上下文菜单。虽然它很酷，但我们想要一个更传统的弹出菜单。在另一个SO问题(已关闭)context.js被推荐。

重用该页面中的demo.js，看来我需要修改这一行

context.attach($("#layer2-node").get(0))

并将其替换为类似

context.attach(document.getElementById('cy').elements())

但是，这似乎不起作用。

想法？

Answer 1

通常，您必须根据需要为每个节点创建虚拟 DOM 元素才能调用 DOM 库。这是 qtip 扩展使用的方法，按需创建 div。

如果您可以在库中指定位置/偏移量，那么您也可以只使用容器 DOM 元素。