0

3 つのノードの単純な力指向グラフにほろ酔いホバー オーバー ポップアップを追加しようとしています。

ただし、ほろ酔い JavaScript を追加すると、JavaScript がクラッシュするようです: http://goo.gl/BeYls

Chrome ウェブ デベロッパー コンソールに関する注意事項:

キャッチされていない TypeError: オブジェクト [オブジェクト SVGCircleElement]、[オブジェクト SVGCircleElement]、[オブジェクト SVGCircleElement] にはメソッド 'tipsy' がありません

ほろ酔いコードのないアプリケーションの残りの部分が動作することを確信しています (78 ～ 85 行を削除するとアプリが修正されるため)、javascript ファイルを含めました。

具体的には、DOM の各ノードにほろ酔いポップアップを追加するために私が書いたコードを次に示します。

  node.tipsy({  
    gravity: 'w', 
    html: true, 
    title: function() {
    var d = this.__data__, n = d.name;
        return 'Hi there! My name is <b>' + n + '</b>'; 
    }
  });

なぜ壊れているのですか？node は DOM 要素ではありませんか?

4

1 に答える 1

3

ほろ酔いは jquery プラグインです。d3 セレクターではなく、jquery セレクターに適用する必要があります。サークルにはcssクラス「ノード」があるため、これは機能するはずです:

$(".node").tipsy({ ... });
于 2012-04-14T23:16:16.197 に答える