I have the following code:
What I'm trying to do is the message that always appears, that is, you do not have to hover over the message to appear, it's always there. Is it possible to do this?
I'm using this toolkit: link
I solved it like this:
$(function() {
$('input.age').mouseleave(function(e) {
e.stopImmediatePropagation();
}).tooltip({
content: function() {
return $(this).attr('title');
}
}).tooltip('open')
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input class="age" title="Hello <br/>My message">
Removed from jquery site
var tooltips = $( "[title]" ).tooltip({
position: {
my: "left top",
at: "right+5 top-5"
}
});
tooltips.tooltip( "open" );