Comments on: Using setTimeout to Delay Showing Event-Delegation Tooltips

By: Karl Swedberg

Karl Swedberg — Sun, 29 May 2011 15:19:43 +0000

You could use .delay(), but I don't think it would make things any simpler in this case. The .delay() method just uses a setTimeout to delay execution of the next item in a particular queue. It uses the "fx" queue by default, which allows us to do something very simple and clean with animations like $('div.somediv').fadeIn().delay(4000).fadeOut(), but in this case you'd need to use a custom queue name and then follow the delay with the .queue() method using the function as a callback. It gets a little tricky. To avoid closing the tooltip when the user puts the mouse within the tooltip, you'd first need to modify line 8 to something like: if (!$link.length && !$(event.target).closest('#live-tip').length ) { return; } Then, when you check for event.type == 'mouseout', you'd also need to make sure that event.relatedTarget isn't the link or the tooltip before closing the tooltip. Hope that helps to point you in the right direction.

By: dave

dave — Thu, 26 May 2011 12:02:39 +0000

Great guide for a jQuery noob like myself.

I am very new to JavaScript and jQuery (a couple of days new!) however i was wondering why you have use the setTimeout function instead of the jQuery delay() function.

Also do you know of any way I could set the tooltip to continue to display IF the user puts the mouse within the actual tooltip.

By: turkiyes

turkiyes — Wed, 05 Jan 2011 00:03:37 +0000

Thank you very much. Not only for the usefulness of your scripts, but also (and more important) for the teaching
The more of your articles I read, the more I learn to keep it simple

By: Flip your Tip: Keeping the Event-delegation Tooltip in View » Learning jQuery - Tips, Techniques, Tutorials

Thu, 15 Apr 2010 20:43:00 +0000

[...] Using setTimeout to Delay Showing Event Delegation Tooltips [...]

By: kuddl

kuddl — Mon, 12 Apr 2010 09:27:00 +0000

Hi Karl,
GREAT follow up posts!!

Still waiting for the next post!
Would love to see how you target that issue of viewport positioning.
Greez from Germany

By: Dave Smith

Dave Smith — Wed, 17 Mar 2010 22:12:12 +0000

Hi Karl,

Just wondering what happens if you don’t clear a Timer with clearTimeout()?

For example I am using setTimeout() to delay execution of a function once in JS. If i subsequently forget to clear that Timer does it result in a memory leak?

Also is there any way to check if any Timers are running?

Hope i’m making sense?

By: Peter Nguyen

Peter Nguyen — Sun, 28 Feb 2010 08:50:05 +0000

I think John.Johnson means the new delegate() function in jQuery 1.4. Maybe you should write another followup that use that function too?

By: Karl Swedberg

Karl Swedberg — Fri, 12 Feb 2010 21:38:25 +0000

I'm not sure which feature you're referring to. setTimeout and clearTimeout are native JavaScript functions.

By: John.Johnson

John.Johnson — Tue, 09 Feb 2010 08:48:22 +0000

Is this a new feature in jQuery 1.4 ?

By: Karl Swedberg

Karl Swedberg — Mon, 08 Feb 2010 12:56:42 +0000

Hi Nathan,
Yeah, sorry about the delay. I have the script ready to go, but I just haven’t found time to write up the blog entry to go along with it. Will try to do so soon.