This FAQ entry may help: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request.3F
- Richard On 9/20/07, Matt81 <[EMAIL PROTECTED]> wrote: > > > Hi there. > > > > > On this site http://lexus-test.lateral.net/blogfeeds/ , when one of > the main navigational links is hit (About the debate, for example), I > pull in some static HTML from a separate HTML file through through the > jQuery ajax load() method, and display it on top of the main content > in an absolutely positioned div (that is initially empty). > > Now, within this HTML file, I have an anchor with a class of "close". > When this anchor is clicked, I want the content of the div to be > removed. I've written this code (within a document.ready handler), but > it doesn't seem to work, and instead the link just acts as a default > and causes a full page refresh (the code simply isn't being invoked). > > $("a.close").click > ( > function() > { > $(".content_overlay").remove(); > return false; > } > ); > > I believe my problem may be to do with the fact that when the initial > document and Javascript is loaded, there are no anchors with a class > of "close" on the page (as they have yet to be loaded), but cannot > find a solution. > > Any help would be greately appreciated. > >