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

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");
    });
}