Wie/deaktivieren Click-Ereignis aktivieren für div-Jquery

Question

ich ein Tic Tac Toe-Spiel baute und habe das Click-Ereignis für die Quadrate, sobald das Spiel zum Beispiel über mit entfernt:

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

aber dann wenn ich versuche, das Click-Ereignis zu aktivieren, nachdem ich eine Reset-Taste gedrückt habe, zum Beispiel für $ ("# square1"). on ("click"); Das Click-Ereignis wird nicht aktiviert. Wie kann ich das Klickereignis aktivieren?

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>