javascript - cytoscape.js に同梱されている jquery.cxtmenu.js プラグインの使用方法を教えてください。

Question

こんにちは、どなたか cytoscape.js に同梱されている jquery.cxtmenu をセットアップして使用する方法を教えてください。それに関するドキュメントが見つからないようです。

スクリプト ファイルを含めましたが、メニューの初期化とセットアップの方法がわかりません。

更新: コードにバグがあると思いますか? よくわかりませんが、マウスの右クリックで存在しない関数を呼び出しているようです。

 ele.renderedPosition()

どうもありがとう。

Answer 1

ドキュメンテーションが改善され、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() );
      }
    }

  ]
});