Question

With JQuery I am trying to load a page in another, and have the ready state of that loaded page be triggered.

Page1.html

$(document).ready(function() {
    $("#content").load("Slides/page2.html");
});

Page2.html

$(document).ready(function() {
    alert("ready");
    //....
});

Is this possible?

If not, could I load page 2, and when loaded, trigger a named function IN page 2? (If so, how can I?)

Thanks,

S.

Answer 1

The loaded page contents becomes part of the document itself, you don’t get different document.

If the loaded page has function called Foo() simply calling it after it’s loaded should work:

$(document).ready(function() {
   $("#content").load("Slides/page2.html", function() {
      Foo();
   });
});