使用外部加载的链接执行JavaScript函数

Question

我承认标题有点混乱，但很难想出更好的标题。

好的，所以我有3页，首先是用户加载的主页面，另外两页是用jQuery加载到主页面的页面。

这是第一个页面上的JavaScript代码：

$(document).ready(function(){ 

$("#mainWrap").css({ width:"300px", height:"200px" }); 

$("#mainWrap").load("modules/web/loginForm.php"); 

$('[name=loadRegisterForm]').click(function() { 
$("#mainWrap").load("modules/web/registerForm.php"); 
}); 

}); 

首先它加载登录表单到页面，然后将其监听时要按压的链接，然后将加载了登记表格在它被按下的地方。

链接处于加载的登录表单中，但不幸的是它不起作用。我究竟做错了什么？

我试着把链接放在主页上的JavaScript代码，它确实起作用，所以它只是加载链接后的JavaScript已全部准备好加载将使其不工作？

Answer 1

您需要为第一次加载调用具有回调函数。在回调的地方，您可以设置$('[name=loadRegisterForm]')元素的点击处理程序。基本上， 你正在绑定一个处理程序，直到第一次加载完成才存在。

$(document).ready(function(){ 
    $("#mainWrap").css({ width:"300px", height:"200px" }); 
    $("#mainWrap").load("modules/web/loginForm.php", null, onLoadComplete); 
}); 

function onLoadComplete() 
{ 
    $('[name=loadRegisterForm]').click(function() { 
     $("#mainWrap").load("modules/web/registerForm.php"); 
    }); 
}