启用和禁用对jQuery的点击

时间:2018-07-26 08:57:38

标签: jquery

我只想知道如何在jquery中启用点击。我使用.off()禁用了单击元素,但不知道如何再次启用它。

我尝试使用代码here,但没有用,或者我用了错误的方式。

我制作了一个简单的应用程序,当倒数计时为3或更低时,它会禁用点击,并在计数器重置时再次启用。

希望你能帮助我。

谢谢。

var counter = 10;
  
setInterval(function(e){
  $('.counter').text(counter);
  counter --;
  if (counter <= 3) {
    $('button').off('click');
  }
  if(counter < 0){
    counter = 10;
    // enable click here
    var myFunc = function(event){
     event.stopPropagation();
     // execute a bunch of action to preform
}

$('button').on('click', myFunc); //bind myFunc
    
  }
}, 1000);

var clicks = 1;
$('button').click(function(){
  $('.clicks').text(clicks++);
});
.clicks{
  background-color: #DDD;
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="counter"></div>
<br>
<button>click</button>
<div class="clicks">
  
</div>

0 个答案:

没有答案