Javascript not working after receiving an AJAX request

Hey guys,

I’ve got a page that has a navigation and content div.

The navigation consists of a JS tree menu that has AJAX event handlers associated to all its links so that when the user clicks on any of the links, the content div will update accordingly. The content div is making use of a number of JQueryUI elements such as tabs and accordions among others.

All the JS works fine when I initially open the page; it’s only until I click on any navigation link when the problems surface. Once I do none of the JS appears enabled any more in the content div.

I’ve tried linking to the JS file from the AJAX PHP script called, and that gets the JS to work but only after exhibiting strange behavior - the content div flickers between a JS enabled/disabled state for a few seconds. I figured this may be because the JS file’s contents will have been duplicated as it is the same script loaded when initially opening the page.

Any help here would be much appreciated.

Thanks,

Bardi

Well once the content is updated the references are not there anymore. So you will need to rerun the script after the ajax request is complete.