如何使用 jquery.cxtmenu.js 插件与 cytoscape.js 打包在一起

How do I use the jquery.cxtmenu.js plugin packaged with cytoscape.js?

本文关键字:js cytoscape 在一起 插件 何使用 jquery cxtmenu      更新时间:2023-09-26

嗨,有人可以告诉我应该如何设置和使用 cytoscape.js 附带的 jquery.cxtmenu 吗? 我似乎找不到任何关于它的文档。

我已经包含了脚本文件,但我不确定如何初始化和设置我的菜单。

更新:我认为代码中有错误?我不确定,但它似乎正在调用一个右键单击时不存在的函数。

 ele.renderedPosition()

非常感谢。

当文档得到改进时,当插件在jQuery插件系统上分离时(它们毕竟是jQuery插件(,插件将在下一个版本中更好地记录

现在,这里有一个示例:

$('#graph').cxtmenu({
  selector: 'node',
  commands: [
    {
      content: '<span class="icon-arrow-right"></span><label>Connect</label>',
      select: function(){
        $('#graph').cytoscapeEdgehandles('start', this.id());
      }
    },
    {
      content: '<span class="icon-remove destructive-light"></span><label class="">Delete</label>',
      select: function(){
        doc.removeEntity( this.id() );
      }
    }
  ]
});