Executing JS in dynamically loaded content

Question

I've started working on a project that loads all of the different pages content dynamically.
On the surface this seems simple enough, an AJAX call to a script that returns the content that is placed inside a DIV. Except that not only HTML but JS is returned as well. I'm seeing a lot of things like this:-

<img src="spacer.gif" height="1" width="1" onload="SOMEJSHERE"/>

Dotted in the code to execute JS functions. This doesn't provide the kind of HTML/JS code separation I've come to love using JQuery.
I can understand that they don't want to load all the JS and HTML at once, there is an awful lot of it... But this just doesn't feel like the best way.

Some experience and suggestions please?

Lyle

i failed to understand why you can't separate the js with that element... — gianebao
– gianebao, Commented Sep 21, 2010 at 1:28

Matt Sherman · Accepted Answer · 2010-09-21 02:09:29Z

1

Have a look at the jQuery .live() event. It can apply behaviors (event bindings) to all current and future elements on the page, which match the given selectors.

This means that your newly-loaded HTML need not contain any script. Just make sure the loaded elements have the right selectors (class names and id's).

answered Sep 21, 2010 at 2:09

Matt Sherman

8,3584 gold badges39 silver badges57 bronze badges

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

Comments

jebberwocky · Accepted Answer · 2010-09-21 01:44:21Z

0

hey i use "eval" to execute js dynamically.

e.g.

<script>
var strjs = 'function execute(){alert("foobaring");} execute();';

eval(strjs);

</script>

answered Sep 21, 2010 at 1:44

jebberwocky

1,0873 gold badges11 silver badges24 bronze badges

1 Comment

Cosmicnet Over a year ago

yeah, I was thinking I could get the AJAX to return the HTML and JS separately, then just eval the JS... But is that ideal?

Cosmicnet · Accepted Answer · 2012-01-27 01:54:51Z

0

In the end I used the tabs.select option from JQuery UI (which we were using for the ajaxed pages) and executed the appropriate JS as needed.

answered Jan 27, 2012 at 1:54

Cosmicnet

4591 gold badge5 silver badges15 bronze badges

Collectives™ on Stack Overflow

Executing JS in dynamically loaded content

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related