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

时间:2009-10-22 17:56:00

标签: javascript jquery function callback

嘿,我是JavaScript的新手,所以这很可能听起来很基本但是这里有。

我的网页由“模块”组成,我用jQuery加载到页面中,这样我的JavaScript就可以使用已加载到页面中的新内容,我被告知要使用回调函数。

我的问题是,如何激活多个回调函数?

这是我的一些代码:

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

这段代码激活名为“loadRegisterForm”的函数,但是如果我想激活多个函数怎么办?

我已经尝试了一些方法,我认为它会如何完成,但无济于事,我也试过谷歌,但我相信我使用的是错误的术语。

1 个答案:

答案 0 :(得分:2)

可能是您需要的东西?:

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