在悬停时删除内置工具提示？

Question

我使用html，jquery和css制作了一个工具提示。工具提示使用title属性来显示其内容。

<a href="#" class="tooltip" title="Hello">Hover Me</a>

当我悬停链接时，我看到工具提示及其正常工作。问题是我也看到了内置的html工具提示。有没有办法禁用该html工具提示？或者我可以使用其他任何属性来解决这个问题吗？

Answer 1

您还可以定义为目的而定位的任意属性。 使用JQuery很容易做到。

ex：<a href="#" class="tooltip" data-tooltip="Hello">Hover Me</a>

Answer 2

要保持搜索引擎优化等等，我只是暂时删除title属性，然后重新添加;像这样的东西：

$('element').hover(function() {
    var title = $(this).prop('title');  
    $(this).data('orig-title', title).prop('title', '');
}, function() {  
    $(this).prop('title', $(this).data('orig-title'));
});