Comments on: How To: jQuery Event Delegation

By: Art Armstrong

Art Armstrong — Tue, 08 Sep 2009 15:37:32 +0000

Thanks Narkohn! I have also been using jQuery Listen as a replacement for this technique which I would highly recommend. You should check that out also.

By: Narkohn

Narkohn — Tue, 08 Sep 2009 12:30:15 +0000

Today, while working on a big project, I recognized, that the jQuery-liveevent was very slow on Internet Explorer 6 and 8.

So I’m very glad I found this article.

By: art

art — Tue, 28 Apr 2009 04:38:02 +0000

Thanks lo and fred…

Lo: actually I had seen it but when I was building it I was developing in 1.2.x so I was using some basic traversing, I am looking to use that function when I got through and troubleshoot on the upgrade.

Fred: Thanks for the minimized/shortened version.

By: fred

fred — Tue, 28 Apr 2009 04:08:01 +0000

// Shorter and minimized
$(‘#applications’).click(function(e){
var t=$(e.target),c=t.attr(‘class’),box=’.edit-listings-box’,h=’blind’,f;
if(c==’edit-link’||c==’pdf-icon’)t.parent().next().contents().filter(box).toggle(h);
else if(c==’delete-icon’){f=t.parent().next().contents().filter(box);if(f.is(‘:visible’))f.hide(h);}
else if(c==’done-link’)t.parent().parent().parent().parent().toggle(h);
else if(c==’update-link’)t.parent().parent().parent().parent().parent().submit();
return false;
});

By: lo

lo — Mon, 27 Apr 2009 20:27:29 +0000

instead of:
$(e.target).parent().parent().parent().parent().parent().submit();
you should maybe use this jquery 1.3 feature:
$(e.target).closest("your-form").submit();
http://docs.jquery.com/Traversing/closest

By: art

art — Mon, 27 Apr 2009 17:27:33 +0000

Thanks a lot bro. When I was working on this I did find one thing out with event delegation that does not work. If you use something like…

$('#applications a').click(function (e) {

to reference on the ‘a’ tags in the section it will not work, you have to just use the container and reference all the clicks inside of it with an event. Thanks for the reply!

By: Cory Wiles

Cory Wiles — Mon, 27 Apr 2009 17:20:49 +0000

What a great post. I blogged about something similar…http://corywiles.blogspot.com/2009/04/targeting-nested-lis-with-jquery.html

The event delegation was KEY!!!!!!!!

By: art

art — Mon, 27 Apr 2009 15:59:02 +0000

Ohhhhhhhhhh, very cool. I hadn’t see that when I was doing my searching around for a method to use. Looks pretty useful. Thanks for the link!

By: vsync

vsync — Mon, 27 Apr 2009 15:32:04 +0000

whats happening dude?? you wrote all this ?
didn’t you heard of the new Live() event method ?

http://docs.jquery.com/Events/live#typefn

peace man..