从其他方法调用onclick方法

Question

是否可以使用两个Jquery函数，如下面的

$('#id1').on('click', function(){
    //body
}


$('#id2').on('click', function(){
    //body
}

但是能够调用

的主体

$('#id2').on('click', function(){} );

in

$('#id1').on('click', function(){} );

Answer 1

当然，你可以：

1. Trigger click并以这种方式调用函数：

   $('#id2').click();
   

2. 为函数命名并直接调用它：

   function myClickFn() {
       // ..
   }
   
   $('#id2').on('click', myClickFn);
   $('#id1').on('click', function () {
       myClickFn();
   });
   

我强烈推荐选项＃2。

Answer 2

您可以致电trigger()：

$("#id2").on('click', function() {
    $("#id1").trigger("click");
});

这实际上会触发该id上的click事件。

Answer 3

是的，让每个函数调用第三个，通用的函数：

$('#id1').on('click', function(){
    doCommon()
}


$('#id2').on('click', function(){
    doCommon()
}

function doCommon(){
    alert('here i am');
}

Answer 4

试试这个

$('#id1').on('click', function(){
    //body
    $('#id2').trigger('click');
}


$('#id2').on('click', function(){
    //body
}