Bootstrap 3 tooltips visible on page load

yazfield picture yazfield · Jul 24, 2014 · Viewed 7.3k times · Source

I'm using Bootstrap 3 tooltips, used the examples from the docs, but the problem is they show up automatically at start, when the page is loaded all the tooltips are visible!

i want them to show only on hover, what should I do?

Answer

Pranav Labhe picture Pranav Labhe · Sep 28, 2015

You can do like this

$(function () {
    $('[data-toggle="tooltip"]').tooltip("show");
    $('[data-toggle="tooltip"]').find(".tooltip.fade.top").removeClass("in");
 });

or

$(function () {
    $('[data-toggle="tooltip"]').tooltip("show");
    $(".tooltip.fade.top").remove();
 });

For Html :

<a href="#" data-toggle="tooltip" title="This is tooltip !">Hover over me</a>