I'm using jQuery to assign a function to every image within a div on my
page:
$("#keypad img").click(function() { ...
It worked great, until I set about organizing the screens in my single-page
application. I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:
$("#content").load("includes/sh4-welcome.cfm");
This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.) There aren't any JS errors, but nothing happens when I
click. If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.
Is there a rule I don't know about using jQuery functions on ajax-loaded
data?
-Paul
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/