Привязка нескольких обработчиков к элементам

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

РЕДАКТИРОВАТЬ II:

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