Help regenerating qTips!

[abracadabra]

Hey everyone,

I'm implementing qTips (r55 w/ jQuery 1.4) via a function call to dynamically create qTip windows as necessary through a set update interval in JavaScript. Here's some code to better visualize what I'm doing:

JS Code

function popTips(Day, Type, Comment, BubbleLocation, TipLocation) {
		if(!BubbleLocation) BubbleLocation = 'bottomLeft';
		if(!TipLocation) TipLocation = 'topRight';
		jQuery('#alertContainer' + Day + Type).mouseover(function() {
			jQuery(this).qtip({
				content: Comment,
				position: {
					corner: { tooltip: TipLocation, target: BubbleLocation }
				},
				show: { ready: true, solo: true },
				hide: { fixed: true, delay: 1500 },
				style: { 
					border: { radius: 3 },
					padding: 3, 
					textAlign: 'center', 
					tip: true
				}
			});
		});
	}
 
function initialUpdate() {
		if(initialPercentOnTrack == null) initialPercentOnTrack = mainArray["PercentOnTrack"];
 
		// Monday Stats
		if(<?= $dayNumber; ?> > 1) {
			jQuery('#mondayRevFinal').html("$" + mainArray["MondayRev"]);
			jQuery('#mondayJobsFinal').html(mainArray["MondayJobs"]);
			if(mainArray["MondayRev"] >= mainArray["MondayRevGoal"]) {
				document.getElementById("mondayRevTD").style.background = "#94e39e";
			} else {
				document.getElementById("mondayRevTD").style.background = "#ff7272";
				jQuery('#alertContainerMondayRev').html('<img src="images/alert.png" />');
				popTips('Monday', 'Rev', 'You did not meet your daily revenue goal of <b>$' + mainArray["MondayRevGoal"] + '</b>.Strive to meet this goal everday to help you towards a commission bonus!');
			}
			if(mainArray["MondayJobs"] >= mainArray["MondayJobsGoal"]) {
				jQuery("#mondayJobsTD").css("background-color","#94e39e");
			} else {
				document.getElementById("mondayJobsTD").style.background = "#ff7272";
				jQuery('#alertContainerMondayJobs').html('<img src="images/alert.png" />');
				popTips('Monday', 'Jobs', 'You did not meet your daily jobs goal of <b>' + mainArray["MondayJobsGoal"] + '</b>.Strive to meet this goal everday to help you towards a commission bonus!');
			}
		}
 
		// Flush Main Array
		mainArray = [];
}
setInterval(initialUpdate, 33000);

What I've noticed is that after about the second interval refresh, the qTip windows start loading slowly, then eventually just freeze my browser completely. I've tried adding:

JS Code

jQuery('#alertContainerMondayRev').qtip("destroy");

before each qTip function call to destroy the previously created one, I've also tried adding:

JS Code

var qtips = jQuery.fn.qtip.interfaces,
i = qtips.length; while(i--) qtips.destroy();

at the beginning of my "initialUpdate()" function to try destroying all qTip windows before they're generated again, but no luck.

I'm not sure if I'm being overly complicated with this, but it seems like one of those solutions I tried should have fixed what "I think" is broken. Someone please help!

[Craig]

abracadabra, may I suggest you try upgrading to 2.0? 1.x releases are very resource intensive and binding/unbinding them consistantely can cause some pretty huge memory leaks!

Check-out the 2.0 forum for more on this: http://craigsworks.com/projects/forums/f...-strigidae

[abracadabra]

(8th September 17:18)Craig Wrote:  abracadabra, may I suggest you try upgrading to 2.0? 1.x releases are very resource intensive and binding/unbinding them consistantely can cause some pretty huge memory leaks!

Check-out the 2.0 forum for more on this: http://craigsworks.com/projects/forums/f...-strigidae

Thanks very much, Craig! I would hate to give up the rounded corners as it suits my website design to the T, but performance is a higher priority unfortunately.

Any news on qCorner?

[Craig]

qCorner has been discontinued in favour of standard border-radius properties unfortunately. This was mostly because of performance issues, as well as problems with cross-browser support.