Well, the row element doesn't exist in the document yet, so your call to
$("#10192") won't find anything.
If you insert newrow into the document (e.g. with
$("#YourTargetElement").append(newrow)), and then do your click actions
(i.e. with $("#10192").click(function() {})), it should work.
Alternatively, you could also use the new
http://blog.brandonaaron.net/2007/08/19/new-plugin-live-query/ Live Query
plugin! :-) It takes care of all this for you.
Take care, and keep creating!
Sean
ethanpil wrote:
>
>
> Hi,
> Sorry to bother everyone with what is probably a stupid question, but
> I am new to JQuery, although loving every second...
>
> I have been trying to dynamically add and delete a table row on a
> click event, using Jquery. I am able to add and delete the row, by
> clicking on the row above it but I have not successfully been able to
> close the new row from inside of itself (using a link). I have spent 3
> or 4 hours trying all different ways to attach actions to the click
> event of the link inside my new table row, but no matter what I do, I
> cant even get an alert to popup from it.
>
> What am I doing wrong?
>
> Thanks for your time!
>
>
> $(document).ready(function(){
>
> var newrow = \'<tr id="ticket_10192" class="ticket_info"><td
> colspan="5" scope="row"><center>New Row</center><br><p align=right"> #
> Close </p></td></tr>\';
>
> $(\'#10192\').click(function(){
> var e
> if( (e=$(\'#ticket_10192\')).length ) {
> // element Exists, delete it
> $(\'#ticket_10192\').remove();
> } else {
> //Doesnt exist, create it
> $(this).after(newrow);
> }
>
> });
> $(\'a.close_ticket\').click(function(){
> $(\'#ticket_10192\').remove();
> });
> });
>
>
>
--
View this message in context:
http://www.nabble.com/Are-there-click-events-from-dynamically-added-DOM-elements--tf4311388s15494.html#a12275520
Sent from the JQuery mailing list archive at Nabble.com.
