Bootstrap change tooltip content on click jQuery– We can change tooltip content such as title on click event using jQuery. Here in this article we are going to create one example to dynamically change the tooltip content.
Bootstrap change tooltip content on click jQuery Example
You can change the title of tooltip in bootstrap using jQuery Simply as below –
Bootstrap change tooltip Title on click:
<title>Bootstrap Grid</title>
<!-- Latest compiled and minified CSS -->
<!-- Latest compiled and minified JavaScript -->
<div class="container amp-wp-inline-9e1ffe2af1862c2b4b30598609a2a289">
<ul class="list-inline">
<li><a href="#" data-toggle="tooltip" data-original-title="Default Settings tooltip on top">Click To Change Title</a></li>
</ul>
</div>
|
If you run the above example it will produce output something like this –