How to run javascript code included in a page loaded with jquery.load()

Question

I'm using jquery.load() to dynamically load sections of a page. But I'd like the included sections to both include HTML and be able to execute script. But a simple

<script>
    alert("hello");
</script>

doesn't run when I AJAX it in. Is there another way to dynamically load content such that the scripts will run, or a way to manually run scripts in the included content? In this case I'm relying on the way jquery.load only includes a specific selector from the loaded page.

FWIW I'm using Jquery 1.4.2.

stackoverflow.com/questions/235967/…

m_vitaly
– m_vitaly

2010-10-27 20:25:34 +00:00
Commented Oct 27, 2010 at 20:25 — m_vitaly
– m_vitaly, Commented Oct 27, 2010 at 20:25
possible duplicate of Javascript won't execute after load

Jürgen Thelen
– Jürgen Thelen

2012-08-20 09:14:18 +00:00
Commented Aug 20, 2012 at 9:14 — Jürgen Thelen
– Jürgen Thelen, Commented Aug 20, 2012 at 9:14

gen_Eric · Accepted Answer · 2010-10-27 20:18:57Z

1

Try changing the script in the loaded page to:

<script>
    $(function(){
        alert("hello");
    });
</script>

This should make it run when it's loaded.

answered Oct 27, 2010 at 20:18

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

1 Comment

Leopd Over a year ago

Unfortunately this isn't working for me. Nor is $(document).ready(function(){...});

Collectives™ on Stack Overflow

How to run javascript code included in a page loaded with jquery.load()

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related