Tooltip not disappearing

jquery jquery-ui-tooltip
S R picture S R · Oct 9, 2013 · Viewed 8.4k times · Source

I have jQuery tooltip activated for all elements in my page. One of those elements is an AJAX 'Submit' button that is immediately disabled (on click) and then vanishes (the div containing it is overwritten by the AJAX response)

My problem is that the tooltip continues to remain on screen even after the button is clicked/vanishes. Have tried these codes, but to no use (no all together, but any one):

$("#signup").tooltip({events: {input: 'click, blur'}});
$("#signup").tooltip("disable"); 
$("#signup").tooltip().hide(300);
$("#signup").tooltip("close");

Followed by

document.getElementById('signup').disabled=true;

And then the Ajax call.

Answer

Donovan Charpin picture Donovan Charpin · Oct 9, 2013

You can use remove() to remove the tooltip

 $(".ui-tooltip-content").parents('div').remove();

Related questions

Jquery UI tooltip does not support html content

Today, I upgraded all of my jQuery plugs-in with jQuery 1.9.1. And I started to use jQueryUI tooltip with jquery.ui.1.10.2. Everything was good. But when I used HTML tags in the content (in the title attribute of the element I …

Read More
jQuery UI TypeError: e.widget.extend is not a function

I have updated my jQuery files including jQUery UI to use the tooltip feature. But now Javascript is dieing with the following error: TypeError: e.widget.extend is not a function Can anyone help me?

Read More
positioning jQuery tooltip

I'm trying to customise the positioning of my tooltips, using jQuery UI Tooltip and this code: $(".karma").tooltip({ position: { my: "center bottom", at: "right top" } }); But whatever I do to "my" and "at" nothing changes. What am I doing wrong? …

Read More