Change Tooltip Text Jquery
Suppose the title attribute was used as the text for a tool tip. Is it possible just to change the text, using jQuery? &
Solution 1:
I couldn't get it to change with the option as I believe the api says using title is to tell it what the value should be if the title is not there. I got it to work by changing the title to be data-title
and gave the title option as a function that returns this value.
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip({
title: function () {
returnthis.getAttribute('data-title');
}
});
setInterval(function(){
$('[data-toggle="tooltip"]').attr('data-title', Date.now());
}, 1000);
});
<linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><divclass="container"><h3>Tooltip Example</h3><ahref="#"id="tool"data-toggle="tooltip"data-title="Hfdfd!">Hover over me</a></div>
Post a Comment for "Change Tooltip Text Jquery"