/無効クリックイベントのdiv-jqueryの私は、チックタックつま先のゲームを構築することだし、ゲームをして終わると正方形のクリックイベントを削除した

Question

例えば：

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

が、その後私がeampleのためにリセットボタンを押した後にクリックイベントを起こさせようとしたとき $（ "＃square1"）。on（ "click"）; clickイベントを有効にしません。クリックイベントを有効にするにはどうすればいいですか？

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