can't destroy tooltip and ending up with 2 tooltips on one div

[kurtmarr]

Hi,

I am loading a page 2 (jquery ui dialog) and on the second loading I am trying to change the tooltip. However what I end up with is 2 tooltips instead of one with the new content.

I've tried to do the $(myselector).qtip('destroy') but it crashes on line 1524 of * Version : 1.0.0-rc3 downloaded just now from http://bazaar.launchpad.net/~craig.craig.../1.0/files

JS Code

$.fn.qtip = function (options, blanket) {
		var i, id, interfaces, opts, obj, command, config, api;
 
		// Return API / Interfaces if requested
		if(typeof options === 'string') {
			// Return requested object
			if(options === 'api') {
				return $(this).data('qtip').interfaces[$(this).data('qtip').current];
			}
			else if(options === 'interfaces') {
				return $(this).data('qtip').interfaces;
			}
		}

anyone got any ideas. This is my routine I've built and put in a common js file

JS Code

this.addToolTip = function(elementId, message){
 
 
 
        //start by clearing out any existing messages
        $("#"+elementId).qtip('destroy')
 
 
        var _corner;
        var _target;
        var _tip;
        if($("#"+elementId).is(':radio') || $("#"+elementId).is(':checkbox'))
        {
        _corner='bottomMiddle'
        _target='topMiddle'
        _tip = 'bottomMiddle'
        }
        else
        {
        _corner='leftMiddle'
        _target = 'rightMiddle'
        _tip = 'leftMiddle'
        }
 
    $("#"+elementId).qtip({
    content: message,
        position:{corner:{tooltip:_corner,target:_target}},
        style: {
            tip: {corner: _tip, size: {x:10, y:10}},
            name: 'green',
            border:{width:2, radius:5}
        }
    });
 
    };

thanks

[Craig]

Are you updating your content by any chance kurtmarr? If you're removing elements with qTips attached make sure to call the .qtip('destroy') first.

[kurtmarr]

(2nd March 19:13)Craig Wrote:  Are you updating your content by any chance kurtmarr? If you're removing elements with qTips attached make sure to call the .qtip('destroy') first.

Hi Craig. Thanks for your answer. As you can see by my code I am trying to call 'destroy' first but it crashes on line

JS Code

return $(this).data('qtip').interfaces

Any ideas?

thanks

[sveiki]

(2nd March 22:16)kurtmarr Wrote:  

(2nd March 19:13)Craig Wrote:  Are you updating your content by any chance kurtmarr? If you're removing elements with qTips attached make sure to call the .qtip('destroy') first.

Hi Craig. Thanks for your answer. As you can see by my code I am trying to call 'destroy' first but it crashes on line

JS Code

return $(this).data('qtip').interfaces

Any ideas?

thanks

I'm not sure if this is the right way to go about it, but it works for me:

From what I can tell, the problem you're having is that your code doesn't check if there is a qtip attached or not (on first run, I assume it doesn't).

Try:

JS Code

if($("#"+elementId).data("qtip")) $("#"+elementId).qtip("destroy");

[kurtmarr]

sweet. Now it works.

Thanks