Question

我会承认标题有点令人困惑，但很难想出更好的标题。

好的，我所拥有的是3页，首先是用户加载的主页面，另外2页是用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");
    });
}

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

1 个答案: