如何为div-Jquery启用/禁用click事件

Question

我正在构建一个tic tac toe游戏，并且在游戏结束后删除了正方形的点击事件，例如：

    $("#square1").off("click");

但是当我按下重置按钮后尝试启用点击事件时         $（＆＃34;＃square1＆＃34;）上（＆＃34;单击＆＃34;）; 它不会启用点击事件。如何启用点击事件。

Answer 1

＆＃13;

＆＃13;

$el = $('.el');
$el.click(function(){
$this = $(this);

  if($this.hasClass('ready')){
  // do some stuff.
  }

$this.removeClass('ready');
});

$('#reset').click(function(){
$el.addClass('ready');
});

＆＃13;

div{
margin:9px;
}
.el:after{
content:'already clicked';
width:9em;
padding:9px;
background-color:#f99;
opacity:0.6;
display:table-cell;
}
#reset, .el{
cursor:pointer;
}
.ready:after{
content:'click here';
opacity:1;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class='ready el'></div>
<div class='ready el'></div>
<div class='ready el'></div>
<a id='reset'>Reset</a>

＆＃13;

＆＃13;

＆＃13;