How do you use $.getScript with ajax content?

Question

I am loading an external page that relies heavily on jquery into a div with the $.ajax(); method.

The obvious problem is that the new content needs to be binded to the dom for jquery to work... Everyone talks about just using $.getScript to do this but I can't get it to work. Can some one give me an example and not just a link to the jquery doc page for $.getScript ?

This external page has 6 js files included in it and I need them all binded to the new content as a whole and not per div as in all of the examples I can find.

Answer 1

"new content needs to be binded to the dom for jquery to work"

I assume that you mean that the events binded on elements do not work for the dynamically loaded content. If this is the case, you must bind the elements with live() method. So instead of:

$('#element').click(function() { ... });

Do:

$('#element').live('click', function() { ... });

This way your binds will also affect the loaded content.

If you understood your problem wrong, please let me know.