[jQuery] binding problem with content added after the document ready
Hi,
I have probleme binding generated content with the events I binded on
load:
my dom il like that
<li id="nod12"><img id="imgnod12" src="imgplus.png" /><lable>my
nodeName</label>
</li>
In my app, a html / js tree, I can create node adding in the existing
li node:
<ul subnod="12"><li id="nod41"><label>ma new node name</label></li></
ul>
but then I want to bind it to the same event I binded the li node
with $(document).ready().
so I'm doing that kind of stuff:
$('"nod41").bind('click', function(event){ nodeClickEvent(event, $
(this))} ) ;
$('"nod41").children('img').bind('click', function(event)
{ imgClickEvent(event, $(this))} );
unfortunately, where I click on the new <li>, the event on the fist
raises, even if I stop event Propagation in my function.
Is there any way refreshing DOM or event priority?