I have a page with an overview of CDs.
When you click on the "tracklist" button it retrieves a HTML page with the
tracklisting with AJAX ($.ajax).
At the same time I'm hiding all the CDs.

The HTML page has no HTML tag, heading, body tags, etc. Only the HTML code
for the tracklisting.

In the HTML page with the tracklisting I have a "return to CDs" link button
that hides the current tracklisting and shows all the CDs again. I gave this
link a class so I can script it with jQuery. But for some reason it won't
execute jQuery.

Strangely enough this works in IE6 and 7, but not in Firefox 3.

Is this because the all the elements from the HTML page retrieved with AJAX
are not seen by the DOM?
I have searched in this forum and I read in this thread about the DOM:
http://www.nabble.com/Processing-ajax-load-content-before-it-gets-added-to-DOM---to10977814s27240.html#a10977814

It said that you should use the load function
(http://docs.jquery.com/Ajax/load) because that injects the code into the
DOM. I have tried that, but also without success. When I try it with the
load function, it will show the HTML page through AJAX in every browser, but
the link in this HTML page still doesn't work. And now it doesn't work in
all the browsers.


Does someone know how I can execute jQuery script from a HTML page retrieved
with AJAX?
-- 
View this message in context: 
http://www.nabble.com/Cannot-execute-jQuery-code-in-HTML-of-a-AJAX-retrieved-page-tp18069906s27240p18069906.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Reply via email to