将多个处理程序绑定到元素

Question

嘿，我是 JavaScript 新手，所以这很可能听起来很基础，但这里就是这样。

我的网页由我使用 jQuery 加载到页面中的“模块”组成，因此我的 JavaScript 可以处理已加载到页面中的新内容，我被告知使用回调函数。

我的问题是，如何激活多个回调函数？

这是我的一些代码：

function loadLoginForm() {
$('[name=loadLoginForm]').click(function() {
$("#mainWrap").css({ width:"300px", height:"200px" });
$("#mainWrap").load("modules/web/loginForm.php", null, loadRegisterForm);
});
}

这段代码激活了名为“loadRegisterForm”的函数，但如果我想激活多个，我该怎么办？

我尝试了几种我认为可以做到的方法，但无济于事，我也尝试了 Google，但我认为我使用了错误的术语。

Answer 1

可能是你需要的东西？：

function loadLoginForm() {
$('[name=loadLoginForm]').click(function() {
$("#mainWrap").css({ width:"300px", height:"200px" });
$("#mainWrap").load("modules/web/loginForm.php", null, function(data) {
  loadRegisterForm_1(data);
  loadRegisterForm_2(data);
  loadRegisterForm_3(data);
});
});
}

编辑二：

function loadLoginForm() {
$('[name=loadLoginForm]').click(function() {
$("#mainWrap").css({ width:"300px", height:"200px" });
$("#mainWrap").load("modules/web/loginForm.php", null, function(data) {
  loadRegisterForm_1.call(this, data);
  loadRegisterForm_2.call(this, data);
  loadRegisterForm_3.call(this, data);
});
});
}