Rick, That did the trick.
Thank You! Randy On Jan 3, 12:18 am, "Rick Faircloth" <r...@whitestonemedia.com> wrote: > Just a possibility, Randy, but this might be one of those > cases where you could use the "LiveQuery" plug-in to re-bind > the link after the DOM has been updated with your new HTML. > > Check this out and see if it helps you. > > http://brandonaaron.net/docs/livequery/ > > Rick > > > -----Original Message----- > > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On > > Behalf Of Randy Johnson > > Sent: Friday, January 02, 2009 11:43 PM > > To: jQuery (English) > > Subject: [jQuery] Cannot get dynamically generated link to fire > > > The code is below. I cannot get the link that was added to the > > <li>blue</li> to be fired after the code is ran. It works fine for > > Item1 remove me link Any ideas? > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// > >www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head> > > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > > <title>Untitled Document</title> > > <script language="javascript" type="text/javascript" > > src="jquery-1.2.6.min.js"></script> > > > <script type="text/javascript"> > > > $(document).ready(function(){ > > > $(".color").click(function(){ > > //alert("You are now leaving the site."); > > //$(this).hide(); > > //alert($(this).attr("title")); > > $("#list1").append("<li>"+$(this).attr("title")+"<a href='#' > > class='removeme'>Remove</a></li>"); > > return false; > > }); > > > $(".removeme").click(function() { > > alert("Remove"); > > return false; > > }); > > > }); > > > </script> > > > </head> > > > <body> > > > <ul id="list1"> > > > <li>Item 1 <a href='' class='removeme'>Remove</a></li> > > <li>Item 2</li> > > <li>Item 3</li> > > </ul> > > > <a href="" id="blue" title="blue" class="color">Add</a> > > </body> > > </html>
