destroy dynamic tooltip onHide ?

[mjpowersjr]

Hello,
I am dynamically generating tooltips on my site using qTip. The qTips contain a form that is submitted via ajax. After the form is submitted, I would like to destroy the tooltip, along with its contents.

The contents of my tooltip has a button with an onclick attribute like this:
onclick="ajaxSubmitStuff($(this).parent('form').serialize()); $(this).parents('.qtip').qtip('hide')"


I havetried hooking the onHide trigger, which seems to cause an infinite loop:
onHide: destroyTooltip

function destroyTooltip() {
$(this).qtip('destroy');
}

any suggestions on how to destroy a tooltip after it hides would be helpful.

Thanks in advance,
Mike

[Craig]

mjpowersjr, have you tried using the beforeHide callback instead?

[mjpowersjr]

craig Wrote:mjpowersjr, have you tried using the beforeHide callback instead?

Nope, just gave that a shot. Hooking beforeHide doesn't seem to throw an error in Chrome's javascript debugger, but the tooltip no longer hides ( and still remains in dom).


If I hook onHide, the following error is thrown continuously (~10 per second) after the tooltip hides.

jquery.qtip-1.0.0-rc3.js:33 Uncaught TypeError: Cannot read property 'interfaces' of undefined


Thanks for the help, I tried to poke around the qtip lib to see whats going on, but I'm still pretty new to javascript.

[Craig]

mjpowersjr, how about simply queueing the destroy after the hide effect as taken place?

JS Code

$(this).parents('.qtip').qtip('hide').queue(function(){ $(this).qtip('destroy') });