2011-04-04 55 views
2

使用JQuery我试图在另一个页面中加载一个页面,并且触发了加载页面的就绪状态。触发加载页面的就绪状态

Page1.html

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

Page2.html

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

这可能吗?

如果不是,我可以加载页面2,并加载时,触发命名函数IN页面2? (如果是这样,怎么可以?)

感谢,

S.

回答

0

加载页面内容成为文档本身的一部分,你没有得到不同的文档。

如果加载的页面有函数调用Foo()简单地调用它它的加载后应该工作:

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

谢谢,这实际上是我尝试过的,但是我得到了一个“ReferenceError:Can not fine variable:Foo”父页面。任何想法? – 2011-04-04 11:47:24

+0

我已经将该功能放置在子页面的头部。我将它移到了主体部分,并且触发了该功能。它怎么会不会在脑中运行? – 2011-04-04 11:51:43

+0

''已经存在于您的文档中,因此可能会在浏览器中忽略另一个“”(这是您实际执行的操作)。请记住:其他页面的全部内容将按原样**复制并粘贴到占位符元素中。 – 2011-04-04 11:57:40

0

哎!从http://api.jquery.com/load/

$(document).ready(function() { 
    $("#content").load("Slides/page2.html",function(){ 
     alert('now page 2 is ready'); 
    }); 
}); 
+0

H,其实我只是试图执行包含在已加载页面(page2.html)的功能,那就是仅与那一页相关。因此,直到加载后,它才会在父级中可用。 – 2011-04-04 11:36:38

+0

你可以在回调函数中调用它:) ..第二页中的ur函数必须是可见的;) – stecb 2011-04-04 11:41:14

0

做到这一点:

Page1.html

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