Question

<div id="element1" onclick="func();">1</div>
<div id="element2" onclick="func();">2</div>
<div id="element3" onclick="func();">3</div>
<div id="element4" onclick="func();">4</div>
<div id="element5" onclick="func();">5</div>
<div id="element6" onclick="func();">6</div>
<div id="element7" onclick="func();">7</div>
<div id="element8" onclick="func();">8</div>

当用户单击任何div时，func（）函数将起作用，计数器计算处理func（）函数的次数。例如2次（我们确定数量）进程func（）函数比用户再次点击任何div时功能不起作用。我怎么能用jquery做到这一点？

Answer 1

使用全局变量来跟踪调用函数的次数。

var counter = 0;

function func() {

    counter++;
    if (counter > 2) return;

    // do other fn stuff
}

在一个稍微相关的说明中，使用jQuery时有一种更好的方法来绑定多个点击处理程序：

$('div[id^="element"]').click( func );

当然，由于return将暂停执行，因此无关紧要，但如果您根本不想调用func（即如果您想完全删除点击事件）），你可以简单地做（如果你做了上面的改变）：

$('div[id^="element"]').unbind('click');

这将取代代码第一部分中的return语句。

如何计算在jquery中处理函数的次数

1 个答案: