1

ホバー イベントをラファエル サークルにバインドしています。これはすべてうまく機能し、期待どおりです。

raphael を使用して円の「上」にテキスト文字列を描画すると、テキスト文字がホバーを「盗み」、円のホバーが終了します。テキスト文字を出て円に入ると、ホバーが復元されます。

テキストは明らかに新しい、別のオブジェクトです。このテキスト オブジェクトのホバー イベントを完全に無効にすることはできますか?

  • 円は単色なので、円の後ろにテキストを描くことができません。
  • ホバーイベントをテキストオブジェクトに明確にバインドしていません

これを解決する方法はありますか?

var paper = Raphael("myMap", 721, 1017);
paper.clear();

newcircle.attr({ fill: "#727272", "cursor": "pointer", stroke: "#A4A2A2"});
paper.text(x, y, "X");
4

1 に答える 1

4

pointer-events:none;オブジェクトに追加してみてください。

あなたにとって、それは次のようになりますpaper.node.setAttribute("pointer-events","none");

コメントから:実際の修正:paper.text(x, y, "?").node.setAttribute("pointer-events", "none");

編集IEの場合、ソリューションはより複雑です。このようなJavaScript を使用するか、このようなプラグインを使用する必要があります。私はこのSO投稿からこの答えを得ました

于 2013-07-24T12:54:35.133 に答える