如何启用/禁用 div-Jquery 的点击事件

【问题标题】：How to enable/disable click event for div-Jquery如何启用/禁用 div-Jquery 的点击事件
【发布时间】：2016-08-01 21:06:45
【问题描述】：

我正在构建一个井字游戏，并在游戏结束后删除了方块的点击事件，例如：

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

但是当我按下重置按钮后尝试启用点击事件时，例如 $("#square1").on("点击"); 它不启用点击事件。如何启用点击事件。

【问题讨论】：

你能提供一个活生生的例子吗？例如 CodePen 或 JsFiddle？

标签： jquery click bind tic-tac-toe

【解决方案1】：

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

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

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

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

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;
}

<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>

【讨论】：