javascript - 将多个处理程序绑定(bind)到元素

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”的函数，但是如果我想激活多个函数怎么办？

我已经尝试了几种我认为应该如何完成的方法，但无济于事，我也尝试了谷歌，但我相信我使用了错误的术语。

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