jQuery .live event propagation

Question

I have a little problem with jQuery .live method. I am using it for catching ajax events for Google Analytics on my website, but in case I have a link with an inner image, the click event is fired up from the image and my live binded click event does not catch it.

I really dont like to add these events manually everytime after changing content and I dont like to bind it to the image (because of the missing href parameter, this case I had use some .parent method), so what is the best way how to handle this?

Notice: I am not sure about efficiency of the .live method, so in case there are big performance differences, please tell me that:) I tried to profile it in webkit profiler, but I didn't see any difference..

The live method is only relevant if you are dynamically adding content to your page, otherwise just use the standard selectors. — Lazarus, Apr 07 '11 at 12:15
The following test works for me: http://jsfiddle.net/NxNkk/. Maybe post some code, and I can say more. — istvan.halmen, Apr 07 '11 at 12:19
Ok..I dont want blend google analytics event handling with other js code.. — simekadam, Apr 07 '11 at 12:22
hm..interesting..I will post some code..Live version is on www.designclub.cz and what we are talking here about are links in "program" section..the boxes in the middle of the site.. — simekadam, Apr 07 '11 at 12:25
I don't see your code there. Did you press the update? Or try fork, and send the new link. — istvan.halmen, Apr 07 '11 at 12:38
http://jsfiddle.net/5qUrc/ actually is it working:)but on my site it isnt..hm — simekadam, Apr 07 '11 at 12:46

score 0 · Answer 1 · answered Apr 07 '11 at 12:15

0

Just place a click(function(event) { ... }) handler on the static parent element, and find the element which started the event with event.target.

answered Apr 07 '11 at 12:15

alex

460,746
196
858
974

score 0 · Answer 2 · answered Apr 07 '11 at 12:16

0

Assuming you have an a containing an img, any event on the img should bubble to the a, which will catch it.

answered Apr 07 '11 at 12:16

Adam Hopkinson

27,556
7
64
93

score 0 · Answer 3 · edited May 23 '17 at 10:28

You could also try using the .delegate() method (http://api.jquery.com/delegate/)

Here is some more info regarding .live() vs. delegate():

Update:

Here is a post by Jupiter 24 about "Why you should never use jQuery live":

http://jupiterjs.com/news/why-you-should-never-use-jquery-live

jQuery .live event propagation

3 Answers3