javascript - js按钮上有条件地激活点击事件

Question

只有满足 bool 条件时，我才需要按钮上的功能。目前我已经实现了类似于

<button class="btn btn--primary pull-right" type="submit" data-bind="click: myBoolFlag ? $root.myFunction : function(){}"/>

我在多个页面上使用此按钮作为我的通用提交按钮，但在其中两个页面上，它只需要在其正常提交功能之上添加一个小功能即可点击。

我觉得通过匿名空函数来做这件事并不是最好的方法，我正在寻找更简洁的替代方法。

Answer 1

在这种情况下，我通常会这样做......

HTML

<!-- I gave it an ID to make it unique -->
<button id="myButton" class="btn btn--primary pull-right" type="submit"/>

JavaSCript/jQuery

//this handles the click function now
$('#myButton').click(function() {
  if(condiion1){
   do this;
  } else {
    do that;
  } 
});