16

HTML ページに描画されたインタラクティブな SVG 画像を表示しようとしています。私は javascript/jQuery 言語の経験はありませんが、PowerTip のようないくつかの jQuery プラグインを使用して、現在、SVG 要素にカーソルを合わせると、カスタマイズされたツールチップを表示できます。カスタマイズされたツールチップが表示されますが、(すべてのブラウザーで) デフォルトのツールチップが表示されて閉じると、「タイトル」要素のコンテンツだけが表示され、1 秒後に消えます。デフォルトのツールチップを無効にする方法はありますか? 以下は、カスタマイズしたツールヒントを PowerTip で表示するために私が行っていることです。

$('#myGraph .node').on({ powerTipPreRender: function() {
    var title = "";
    $('a text', this).each( function(i) {
        title += " " + $(this).text();
    });

    var synonyms = "";
    $("synonym", this).each( function(i) {
        synonyms += "<li>" + parseSynonym($(this).text()) + "</li>";
    });
    $(this).data('powertipjq', $([
           '<p><b>' + title + '</b></p>',
           '<p><b>Synonym(s)</b><ul>' + synonyms + '</ul></p>'
           ].join('\n')));
}});

事前にTnaks

4

8 に答える 8

6

SVG からタイトル タグを削除すると、ツールチップが表示されなくなります。

于 2018-07-23T07:42:24.290 に答える