Dynamic loaded page doesn't re-bind the JS code

Question

I have that scenario. I load dynamically the Page A which contains some JS code. Inside that page, I can dynamically load another Page B (which can be also dynamically removed by using fadeOut effect and .remove() function)

The Page B contains a jQUery's UI datepicker plugin (and also some other plugins).

And here's the thing: if I load the Page B, the datepicker is initialized properly, but if I remove that Page B and re-load it, that datepicker is not being initialized. Why ?

I'm using the .datepicker("destroy") function and then .datepicker({...}) inside the Page B but without any effect.

Because you're dynamically loading content the JS for that page has run and completed. Have a look at jQuery's on() method api.jquery.com/on — Jay Blanchard
– Jay Blanchard, Commented Nov 23, 2012 at 13:50
@Diego - I've checked it on Chrome and Firefox. I don't get any errors — Tony
– Tony, Commented Nov 23, 2012 at 13:53

Fseee · Accepted Answer · 2012-11-23 13:57:59Z

1

try importing your B js in the A js like this:

$.getScript("yourOwnPath/theB.js", function() {
        });

answered Nov 23, 2012 at 13:57

Fseee

2,6199 gold badges42 silver badges68 bronze badges

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

Collectives™ on Stack Overflow

Dynamic loaded page doesn't re-bind the JS code

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