Thanks. You guys are great!
On May 14, 2:42 am, "Richard D. Worth" <rdwo...@gmail.com> wrote: > See > > FAQ (Frequently Asked Questions): Why doesn't an event work on a new element > I've > created?http://docs.jquery.com/Frequently_Asked_Questions#Why_doesn.27t_an_ev... > > - Richard > > On Thu, May 14, 2009 at 2:14 AM, cohq82 <quang...@gmail.com> wrote: > > > Is anyone aware of this problem? For example, the code below simply > > just inserts new P tag below the existing P's. When I move mouse over > > each of the P, I should see color change. Or when I click on new P, I > > should be able to trigger the P click event. That did not happen. > > Anyone knows how to fix this? This is just an example since I tried to > > do something similar. Thanks > > > [code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > > "http://www.w3.org/TR/html4/loose.dtd"> > > <html> > > <head> > > <script src="http://code.jquery.com/jquery-latest.js"></script> > > > <script> > > $(document).ready(function(){ > > $("p").click(function() { > > $("p").after("<p>Hello</p>"); > > }); > > > $("p").hover(function() { > > $(this).css('color','red'); > > }, > > function() { > > $(this).css('color','black'); > > }); > > }); > > </script> > > <style>p { background:yellow; }</style> > > </head> > > <body> > > <p>I would like to say: </p> > > </body> > > </html> > > [/code]