小编Osc*_*car的帖子

如何防止默认工具提示显示悬停在svg元素上?

我正在尝试显示在HTML页面中绘制的交互式SVG图像.我对javascript/jQuery语言没有经验,但是使用像PowerTip这样的jQuery插件我现在能够在悬停在SVG元素上时显示自定义的工具提示.自定义工具提示出现,但在一秒钟之后消失,当它们被默认工具提示(在所有浏览器中)的外观关闭时,只显示"title"元素的内容.有没有办法禁用默认工具提示?以下是我使用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')));
}});
Run Code Online (Sandbox Code Playgroud)

提前Tnaks

javascript jquery svg tooltip

9
推荐指数
5
解决办法
8613
查看次数

标签 统计

javascript ×1

jquery ×1

svg ×1

tooltip ×1