如何啓用/禁用點擊事件DIV-Jquery的

Question

我建立一個井字遊戲，已經取消了該廣場的單擊事件一旦遊戲結束了與例如：

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

但隨後（「＃square1」）。on（「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>