Execute inline JS and CSS after Pageload via AJAX (jQuery)

Question

I have Problems after loading a whole new page via Ajax to get all inline JS and CSS executed. The result of this call is a whole new page including , i want to replace with current content. Does JQuery provide functionality to execute all scripts after success of an Ajax Call? My first idea was to select all script tags from result and append it to the body. Second idea was to selecet all script tags and execute their contents with eval(). Thx for helping..

Paul · Accepted Answer · 2011-08-22 06:08:06Z

2

When you call .html() in jQuery to insert the returned HTML into the page, all inline scripts will be executed. For example: http://jsfiddle.net/Paulpro/LX58E/ Or:

var html = '<script type="text/javascript"> alert(\'Hi\'); <\/script>';
// Execute the script twice
$('body').html(html+html);

answered Aug 22, 2011 at 6:08

Paul

142k28 gold badges285 silver badges272 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Execute inline JS and CSS after Pageload via AJAX (jQuery)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related