刪除懸停的內置工具提示？

Question

我用html，jquery和css做了一個工具提示。工具提示使用title屬性來顯示其內容。

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

當我懸停鏈接時，我看到了工具提示和它的工作正常。問題是我也看到了內置的html工具提示。有什麼辦法可以禁用該HTML工具提示？或者是否有任何其他屬性可以用來解決此問題？

Answer 1

你也可以定義你的目標靶上的任意屬性。 使用JQuery很容易。

例如：<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')); 
});