Question

我有这段代码：

$(document)
.on(
  "click", 
  "#target", 
  function() { 
    //SOME_CODE
  }
);

现在我必须将 //SOME_CODE 绑定到另一个事件之后，必须仅在第二个事件上执行某些特定代码：

$(document)
.on(
  "click",
  "#anotherTarget",
  function() {
    //SOME_OTHER_CODE
    //SOME_CODE
  }
);

如何在不复制粘贴 //SOME_CODE 的情况下调用而，而无需在两个事件之上指定功能？

我尝试过这段代码：

$(document) .on( "click.somecode", "#target", function() { //SOME_CODE } ); $(document) .on( "click", "#anotherTarget", function() { //SOME_OTHER_CODE $(document).trigger("click.somecode"); } );

但 //SOME_CODE 未执行。

Answer 1

试试这个

$("#target").trigger('click')

see fiddle demo

Answer 2

只为目标触发点击事件？

$(document)
.on(
  "click",
  "#anotherTarget",
  function() {
    //SOME_OTHER_CODE
    $("#target").click();
  }
);

Answer 3

将//SOME_CODE放入函数中，然后调用它。例如：

function doSomeCode() {
 //SOME_CODE
}

$(document)
.on(
  "click.somecode", 
  "#target", 
  doSomeCode
);

$(document)
.on(
  "click",
  "#anotherTarget",
  function() {
    //SOME_OTHER_CODE
    doSomeCode();
  }
);

Answer 4

您可以尝试以下方法：

     $(document)
      .on(
        "click.somecode", 
        "#target", 
        function() { 
          console.log("SOME_CODE");
        }
      );

      $(document)
      .on(
        "click",
        "#anotherTarget",
        function() {
          console.log("SOME_OTHER_CODE");
          $("#target").trigger("click");
        }
      );

请参阅fiddle

我怎么能不重复一部分代码

4 个答案: