4

グラフをレンダリングするために d3.js を使用しています。何らかの理由で、私は svg タイトルの大ファンではありません。これは、発生する遅延とスタイル設定ができないためです。私が間違っている場合は、私を修正してください。私は最近、ほろ酔いに出くわしましたが、クロスブラウザー互換性がないようです。

たとえば、これを考えてみましょう。ツールチップは Firefox と Chrome では正常に機能しますが、IE 9 でも表示されず、何が起こっているのかわかりません。svg title属性を使用する以外に、d3.js と互換性のあるツールチップのためのよりクリーンなクロスブラウザー アプローチはありますか?

編集: d3.js で動作するものを探しています。たとえば、ほろ酔いを使用して、次のことを行います。

$("svg circle").tipsy({});

これは Firefox と Chrome では機能しますが、IE では機能しません。Twitter の Bootstrap のツールチップ プラグインを使用した場合にも、同様のことが観察されました。これは、クイック テストを有効にするためのツールチップが追加されていない私のjsFiddleです。

4

3 に答える 3

6

これはあなたが探しているものかもしれません。IE9 でテストしたことはありませんが、動作すると思います。

http://twitter.github.com/bootstrap/javascript.html#tooltips

于 2012-06-21T21:07:46.067 に答える
4

qTipは、クロスプラットフォームのツールチップに適したプラグインです。

JQueryUI 1.9 では、まもなくツールチップのサポートが追加されます。

于 2012-06-21T21:06:28.127 に答える
1

JQuery Tooltip は軽量で、優れた互換性を備えています。これを使用したプロジェクトで良い結果が得られました。

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

于 2012-06-21T21:10:57.500 に答える