单击div其他功能已禁用？

Question

<div id="element1" onclick="change();">1</div>
<div id="element2" onclick="change();">2</div>
<div id="element3" onclick="change();">3</div>

单击element1进程更改功能时，其他onclick功能不起作用。我怎么能用jquery做到这一点？

Answer 1

一种解决方案是使用jQuery的.one()函数，该函数只运行一次。

例如：

$('#element1,#element2,#element3').one("click", function() {
  console.log("This will be displayed only once.");
})

这也允许您删除内联JavaScript以获得更清晰的代码。