Zeilenumbrüche im Tooltip-Widget von jQuery UI
Der „normale“ Gebrauch vom Tooltip-Widget zieht sich ja einfach den Inhalt der Title-Tags und stellt ihn beim mouseover dar.
Jetzt wollte ich aber auch Umbrüche im Tooltipp haben. Die eleganteste Lösung habe ich hier gefunden:
$(".myClass").tooltip({
content: function() {
return $(this).attr('title');
}
})
Damit sind alle html-Tags im title-Attribut nutzbar – also auch <br />.
Bei mir sieht es dann so aus, da ich generell alle Title-Tags als ToolTip verwende:
$(function() {
$( document ).tooltip({
content: function(){
return $(this).attr('title');
}
});
});