Javascript jQuery多个事件和多个选择器

Javascript jQuery多个事件和多个选择器,javascript,jquery,Javascript,Jquery,可以在jQuery中使用多个选择器和多个事件吗 我想结合以下几点: $('#submit-modal').click(function() { $('#modal-form').submit(function() { 变成类似(或类似)的东西: 我试过这个,但不起作用 更新(我希望完成的更多内容): 我只想将click()附加到#submit modal和submit()附加到#modal表单上,但如果启动了其中一个,它将运行相同的功能。您可以执行以下操作: $("#submit-moda

可以在jQuery中使用多个选择器和多个事件吗

我想结合以下几点:

$('#submit-modal').click(function() {
$('#modal-form').submit(function() {
变成类似(或类似)的东西:

我试过这个,但不起作用

更新(我希望完成的更多内容): 我只想将
click()
附加到
#submit modal
submit()
附加到
#modal表单
上,但如果启动了其中一个,它将运行相同的功能。

您可以执行以下操作:

$("#submit-modal, #modal-form").on("click submit", function() {..});

这使得当您在#submit modal或#modal form

中单击或提交时,anonimous函数将执行。这里的解决方案是从单击事件触发表单提交,以便与表单提交相关的代码仅出现在一个位置

$('#submit-modal').click(function() {
    $('#modal-form').submit();// $('#modal-form')[0].submit();
});
$('#modal-form').submit(function() {
    //do the submit code here
});

是的,您最好将每个事件与每个选择器保持在一起,除非它们由同一个事件触发。

用空格分隔事件,而不是像“单击提交”这样的逗号不难<代码>$(“#提交模式,#模式表单”)。在('单击提交',函数(){谢谢!这样做了,但不是我想要的结果。因为现在当我单击它提交的表单中的任何位置时。有没有办法解决这个问题?谢谢,这确实有效,但我的逻辑混乱了,因为现在当我单击它提交的表单中的任何位置时。有没有办法防止这种情况发生?是的,分离单击和提交的调用功能。当您附加事件点击DOM的一个元素,当你点击这个元素的每一个地方时它就会执行。回答更新的新提示,你看起来像:var myfunction=function(){…}$(“#提交模态”)。on(“点击”,myfunction);$(“#模态形式”)。on(“提交”,myfunction);回答很好。这正是我需要的。
$("#submit-modal, #modal-form").on("click submit", function() {..});
$('#submit-modal').click(function() {
    $('#modal-form').submit();// $('#modal-form')[0].submit();
});
$('#modal-form').submit(function() {
    //do the submit code here
});