2017-04-26 2 views
-1

Ich habe <a></a> mit titel attribute.on schweben den link zeigt es standard tooltip.Ich möchte den Tooltip auf schweben das Anker-Tag. Bei Mouseout muss ich das Titelattribut erneut hinzufügen. Dies wird „entfernen“ die title jetzt onHover title-Attribut entfernen und Titel auf mouseout Ereignis nichthide das title attribut tooltip auf schweben

jQuery(function() { 
 
    jQuery(document).ready(function() { 
 
    $('a').hover(
 
     function() { 
 
     $(this).removeAttr("title"); 
 
     }, 
 
     function() { 
 
     $(this).attr("title"); 
 
     } 
 
    ); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href=# title="sample">Hover Here</a>

+0

Was erwarten Sie mit '$ zu haben, passieren (this) .attr ("title")'? –

+0

Bei Hover zeigt es Beispiel. – user3386779

+1

Was wollen Sie erreichen, wenn Sie kein Titelattribut haben? Die einzige Funktion des title-Attributs besteht darin, Informationen zum Hover anzuzeigen. Wofür brauchen Sie das also, wenn Sie nicht gerade schweben? –

Antwort

1

Dies könnte sein, was Sie suchen

anhängen und speichern Sie die Wert in ein Attribut, das save_title heißt.

jQuery(document).ready(function() { 
 
    $("a").mouseenter(function() { 
 
     var title = $(this).attr("title"); 
 
     $(this).attr("save_title", title); 
 
     $(this).attr("title", ""); 
 
    }) 
 
    .mouseleave(function() { 
 
     var title = $(this).attr("save_title"); 
 
     $(this).attr("title", title); 
 
    }) 
 
    .click(function() { 
 
     var title = $(this).attr("save_title"); 
 
     $(this).attr("title", title); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href=# title="sample">Hover Here</a>

+0

funktioniert gut wie erwartet – user3386779

+0

@ user3386779 gerne helfen –

+0

Würde ein 'data' Attribut hier nicht semantisch korrekt sein? Z.B. 'Daten-Titel'? – fubar

Verwandte Themen