Tips don't disappear when elements do about tipsy

[jlecour]

I've just found something.

Before updating my table content, I remove all the tipsies : $(".tipsy").remove();
It seems to work.

It's not ideal, because If I hover an element with a tipsy, and don't move my pointer, each time my content is updated the tipsy disappear. I have to move my pointer a bit to make it appear again.

I can confirm this issue. There should be a way to hook into jquery to remove tipsy() elements when their trigerring elements are removed. But other tooltip libraries don't do this, so its possible.

[jaz303]

Yep I'd like to fix this. Do you have any examples of said tooltip libs? Tipsy appends tooltips to document.body - I suspect other libs might append the tooltip to the pointee.

Cheers,

-J

[steve-obrien]

Good example to create zombie tooltips:

Create a button that ajax's a replacement of itself. With a live tipsy on it. When it ajax's in, the old tooltip stays there and looses its events. Quite tricky to explain.

[iwasrobbed]

Using $(".tipsy").remove(); seems to do the trick since a div with a "tipsy" class is appended to the body of the doc when the tooltip is shown.

Just be sure you don't use a "tipsy" class elsewhere (i.e. call your tooltip's something like "toolTip")

[deanc]

+1 vote for this. Came across this issue today.

[chandlermania]

I was able to work around this by triggering a "mouseout" event before my AJAX call. Looking in tipsy,js, it closes the hover after 100 milliseconds, so I added a timeout of 150 to give it time to close before replacing the element and running AJAX call. Zombie tooltips went away ;)

function updateBoolean(where, what) { var field_name = $(what).attr("name"); if($(what).is(":checked")) { var value=1; } else { var value=0; } var loading = $(""); $(what).trigger("mouseout"); setTimeout(function(){ $(what).replaceWith(loading); $.ajax({ type: "POST", url: "#####################", data: "##############################", cache: false, success: function(){ loading.replaceWith($(what)); } });}, 150);

}


[costa]

#77

Was able to bypass this issue by calling

`````` $('a[rel=tipsy]').trigger("mouseout");just before sending the AJAX request ($.ajax->beforeSend) and then adding back the tipsy "engine" on the page on response$('a[rel=tipsy]').tipsy({fade: true, gravity: 'w'});```