JQuery tooltip is not disappearing after button click and show with other hover items

As you can see in image first gray button is clicked and than I put mouse on last button it hovers the Tooltip. Both are showing at the same time.

Once the button is clicked tooltip will not disappeared until you on click something else.

I have lots of tooltip in document so I am using this.

$( document ).tooltip()

I tried this for removing tooltip but doesn't work.

$( document ).tooltip().click(function() {
    $(document).tooltip( "close");
});

Also I tried to put some hidingToolTip function on onClick event of each element and it works fine. but I need a generalize solution.

Answers


If you initialize the tooltip using:

$('[data-toggle="tooltip"]').tooltip();

Then you can use the following code to make them fade out after a click:

$('[data-toggle="tooltip"]').click(function() {
    $('.tooltip').fadeOut('fast', function() {
        $('.tooltip').remove();
    });
});

You have to remove tooltip DOM element(s) everytime when you fire a new tooptip e.g.

$(element).click(function() {
    $('.tooltip_element').remove();
    // show new tooltip.
});

Try this

$("#controlid").tooltip('hide');

Need Your Help

How to review polygon point by point

c++ qt

I have a QPolygonF and I want to get all its QPointFs one by one. I have no idea how to make it.

How can I trigger the OnCheckedChanged-Event?

asp.net events sharepoint checkbox web-parts

My webpart is programmed with C# and shall show a form and a checkbox. If the user click on it the OnCheckedChanged-Event must trigger (I think so). But the webpart send the dates not at this time to