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_event_work_on_a_new_element_I.27ve_created.3F
- 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]