javascript - jQuery .off ("click") 事件不起作用

Question

这已经困扰我几个小时了，我仍然很困惑为什么它不起作用......当我使用 table.off("click"); 时它起作用但也会解除绑定(bind)单击没有 id=multi...的第一个 child 的事件

var table = $("table#datatable")
var button = $(".generate")

function turnOffClick() {
  console.log("button clicked")
  var multiButton = $("label#multi")
  multiButton.off("click");
}

table.on("click", button, turnOffClick)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="datatable">
<tr>
  <td>
    <label class="generate">Generate</label>&nbsp&nbsp
    <label class="generate multi">Generate Multi</label>
  </td>
</tr>
</table>

Answer 1

你可以使用 jQuery one() 如果您想在第一次点击后分离事件。

var table = $("table#datatable")

function turnOffClick() {
  console.log("button clicked");
}

table.on("click", ".generate:not(.multi)", turnOffClick);
table.one("click", "label.multi", turnOffClick);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="datatable">
  <tr>
    <td>
      <label class="generate">Generate</label>&nbsp&nbsp
      <label class="generate multi">Generate Multi</label>
    </td>
  </tr>
</table>