ansaurus

Question

binding events on jquery created DOM elements

Answer 1

A:

Establish a delegated event handler for your elements with the .delegate() function.

$('#yourContainer').delegate('.someclass', 'click', function() { ... });

Then any of those "someclass" elements you drop inside "yourContainer" (which could be the <body> of course) will have its "click" events handled by that function.

Pointy 2010-10-14 13:01:25

Thanks @patrick dw!! I need a cheat sheet in front of me for just about every API I use - you can imagine how painful it is to use Java all day :-)

Pointy 2010-10-14 20:36:52

Pointy - Not a problem. :o)

patrick dw 2010-10-15 22:32:45

Answer 2

+1 A:

Your code should work just fine:

Example: http://jsfiddle.net/HHNaF/ (your code, copied and pasted)

One alternative you have available to you is to use .live() to assign the handler:

$('span.someclass').live('click',function() {
   // do whatever
});

But still, your code should work. I'm guessing there's something else going on that is preventing the handler from triggering.

EDIT: Just noticed that your tags are mismatched. You start with <span> and end with </div>. Be sure to correct that. :o)

patrick dw 2010-10-14 13:02:01

sorry for the example, in my script its right ;P but it does not work for some reason. I have to find out why. Thank you for your help

meo 2010-10-14 13:25:44

@meo - Perhaps a simple CSS issue, where some invisible element overlays the new one? Hard to say.

patrick dw 2010-10-14 13:51:01

no because the "cursor : pointer" works. But i think its a JS problem, i have to integrade my script in a system that already uses a lot of uncommented JS :/

meo 2010-10-14 14:28:58

ansaurus

tags:

views:

answers:

binding events on jquery created DOM elements

related questions