d3コンテキストメニューが起動しない

Question

私はd3スクリプトにブートストラップとjqueryを追加するだけです。これは主に動作していますが、右クリック/コンテキストメニューのイベントは表示されなくなりました。マイセットアップコードは次のようになります。

this.svg_canvas = d3.select("#" + this.container_id) 
    .append("svg") 
    .attr("width", this.width) 
    .attr("height", this.height) 
    .on("click", this._selectNodes.bind(this)) 
    .on("mousedown", this._handleMouseDown.bind(this)) 
    .on("contextmenu", function(data, index) { graph_view._showContextMenu(data, index); }) 
    .call(this.zoom_behavior.bind(this)) 
; 

それは他のすべてのジェスチャーことを言及する価値があります - クリックし、マウスダウン、ズームは - うまく動作しているように見えます。

これを表示する方法やこれをデバッグする方法のアイデアはありますか？

Answer 1

私はこれは本当に答えではない怖い、誰かが質問をupvoted以来、私は私が見つけたもの、それらを伝えるために彼らにそれを借りて...

私は.onにデバッグ文を置きます（ 「コンテキストメニュー」）に記載の方法：

var svg_canvas = d3.select('#canvas-id') 
    .append('svg') 
    ... 
    .on('contextmenu', function(d) { 
     console.log('>>> contextmenu', d); 
     handleContextMenu(d); 
    }) 
    .call(zoomBehavior) 
; 

...と私はそれがが）（私のhandleContextMenuを呼んでいたが、私のメニューが表示されていなかったことに気づきました。私がメニューを生成したHTMLをコメントアウトしたことに気付くまでにはしばらく時間がかかりましたが、その後は修正が簡単でした。

var context_menu = d3.select('#context-menu') 
    .on('mouseup', ...) 

を... DOMには＃コンテキストメニューIDがなかったにもかかわらず：まだ私をperplexes何

はd3は、この行にエラーが発生しなかったことです。