Ist es möglich, den href-Titel zu verbergen?

Question

<a href="link.html" title="Titletext">

...ist der Code.

Ich benötige die title Attribut aufgrund von slimbox aber ich möchte den Titel-Text ausblenden, der angezeigt wird, wenn man mit der Maus über den Link fährt.

Irgendwelche Ideen?

Answer 1

Überschreiben/überlagern Sie es mit einem leeren jQuery-Tooltip ?

Answer 2

Wenn Sie jquery verwenden, können Sie Folgendes tun

$("a").mouseover(function(e){ preventdefault();} );

(habe es allerdings nicht getestet)

Answer 3

Mit der Idee von David Thomas können Sie eine elegantere Lösung mit jQuery erstellen:

$('[title]').each(function(){
    $(this).data('original-title', $(this).attr('title'));
}).hover(
    function () { 
        $(this).attr('title','')
    }, function () { 
        $(this).attr('title',$(this).data('original-title'))
});

Answer 4

JQuery-Lösung - dies sollte einfach sein:

var hiddenTitle; //holds the title of the hovered object
$("li.menu-item > a").hover(function() {
    hiddenTitle = $(this).attr('title'); //stores title
    $(this).attr('title',''); //removes title
}, function() {
    $(this).attr('title',hiddenTitle); //restores title
});

Answer 5

Dies ist meine jQuery-Lösung, es tut alles, was Sie brauchen, und halten Sie die korrekte Verwendung des Attributs title. Ändern Sie einfach den Selektor nach Ihren Bedürfnissen.

/*
 * jQuery remove title browser tooltip
 */
var removeTitleSelector = 'a.removeTitle';
jQuery('body').on('mouseover', removeTitleSelector, function () {
    jQuery(this).data('title', jQuery(this).attr('title'));
    jQuery(this).removeAttr('title');
}).on('mouseout', removeTitleSelector, function () {
    jQuery(this).attr('title', jQuery(this).data('title'));
});