javascript - 如何使用 jQuery 禁用单击并稍后重新启用它

Question

这个问题已经有答案了:

How to use on() after removing the click event off()? (2 个回答)

已关闭 6 年前。

我有一个由点击触发的函数。我想在点击它后禁用点击。所以我做了这个

$('.item-blog').on('click', function(){

    $('.item-blog').off('click');

});

并且运行完美。

但后来，在所有事件结束时，在最后一个函数中，当我重置所有内容并运行所有代码时，我希望能够重新单击第一个函数以触发同样的事件再次发生。所以我把它放在最后一个重置所有内容的函数中。

$('.item-blog').on('click');

但是它根本不起作用。

我什至尝试过绑定(bind)和取消绑定(bind)，但每次我想重新启用点击时，它都不起作用。

有什么帮助吗？

非常感谢

Answer 1

您可以尝试如下所示的on和off来切换点击。

$(document).ready(function(){

function toggleClick(on) {

   if(on) {
      $('.item-blog').on('click', function(){
         console.log('clicked');
         toggleClick(false);

      });

   } else {
      $('.item-blog').off('click');
   }

}

toggleClick(true);

$('.item-blog-reset').on('click', function(){
    console.log('Reset done');
    toggleClick(true);

});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="Click" class="item-blog" />
<input type="button" value="Reset" class="item-blog-reset" />