Tengo una classe llamada Juego, que contiene su constructor, atributos y sus métodos. Tengo un método que lo hace es controlar el click normal y el clickderecho para poder jugar. El clcik normal lo que hace es descubrir lo que hay en la casilla y si hay una bomba pierdes... El derecho lo que hace es poner y quitar la bandera y lo que hago para controlar que el jugar no pueda hacer click encima de donde hay una bandera, pues desactivo el evento click sobre esa casilla, y si el jugador más tarde quita la bandera lo que hago es reactivar el clik. Pero a la hora de reactivar el click no funciona y no se puede hacer click otra vez. Mi codigo es elsiguiente:
Class Juego {
//aquí los atributos que tengo
//aquí están los métodos
}
Luego mas abajo tengo un ready, y cuando se ha cargado toda la pagina lo que hago es poder iniciar el juego:
partida = new Joc(); //joc == juego
$(botonIniciar).click(function(){
if(!partida.genereadoCasillas()){
partida.tablero.crear();partida.iniciarJuego()
partida.calcularNumeros();
Escucha();
}
})
$(botonParar).click(function(){
partida.pararJuego()
})
$(botonReiniciar).click(function(){
partida.reiniciarJuego();
})
function Escucha(){
espia=partida.espiaJuego()
for (i=0; i< espia.length; i++){
$(espia[i]).click(function(event){ //Aquí controlo el click y llama al método para poder comprobar si hay bomba o no y mostrar lo que toque.
event.preventDefault();
console.log("Fuera de la clase " + this.id)
if(parseInt(this.id,10)>=0){
console.log("Dentro de la clase " + this.id)
partida.clickCasilla(parseInt(this.id,10));
}
return false;
})
$(espia[i]).contextmenu(function(event){ //Aqui llamo al método del clcik derecho para poner la bandera o quitarla
if(parseInt(this.id,10)>=0){
partida.rClickCasilla(parseInt(this.id,10),event);
}
event.preventDefault();
return false;
})
}
}
Lo métodos a los que llamo están dentro de la clase juego:
Class Juego {
//aquí los atributos que tengo
//aquí están los métodos
clickCasilla (espia){
console.log(espia)
if(this.empezadoJuego()){ //Si se ha empezado el juego se hacen las comprobaciones
if(this.tablero.dibujar()[espia].descobrir() == -1){
console.log("BOMBA");
alert("Has perdido le has dado a la bomba")
$(this.espiaJuego()[espia+2]).css("background","transparent");
$(this.espiaJuego()[espia+2]).css("backgroundImage","url('./mina.gif.')");
$(this.espiaJuego()[espia+2]).off("click");
$(this.espiaJuego()[espia+2]).off("contextmenu");
this.pararJuego();
setTimeout(function(){
$("div#tablerominas").children().each(function(){
$(this).fadeOut(200);})
},2500)
}else{
$(this.espiaJuego()[espia+2]).css("background","transparent");
console.log(this.tablero.dibujar()[espia].descobrir())
$(this.espiaJuego()[espia+2]).html(this.tablero.dibujar()[espia].descobrir())
console.log("valor del contenido "+this.tablero.dibujar()[espia].descobrir())
$(this.espiaJuego()[espia+2]).off("click");
$(this.espiaJuego()[espia+2]).off("contextmenu");
}
}
}
rClickCasilla (espia,eve){
if(this.empezadoJuego()){ //Si se ha empezado el juego se hacen las comprobaciones
console.log("vigilando bandera");
console.log("Posiciones bombas --->"+this.tablero.saberPsoiBombas())
if(this.contadorbanderas.sNumBanderes()>=1 && this.contadorbanderas.registadaPosi(espia)==false){
this.contadorbanderas.decrementar();
console.log("dentro de rclick --->" +espia);
this.contadorbanderas.anadirPosi(espia);
$("#cbanderas").html(this.contadorbanderas.sNumBanderes());
$(this.espiaJuego()[espia+2]).css("background","transparent");
$(this.espiaJuego()[espia+2]).css("background-image","url(flag.png)");
$(this.espiaJuego()[espia+2]).off("click"); // desactivo sobre el objeto el evento clikc
}else if(this.contadorbanderas.sNumBanderes()>=1 && this.contadorbanderas.registadaPosi(espia)==true){
this.contadorbanderas.borrarPosi(espia);
this.contadorbanderas.incrementar();
$("#cbanderas").html(this.contadorbanderas.sNumBanderes());
$(this.espiaJuego()[espia+2]).css({ 'background' : '', 'opacity' : '' });
console.log("ID DENTRO DE LCICKD--->"+$(this.espiaJuego()[espia+2]).attr('id'));
$(this.espiaJuego()[espia+2]).on("click",eve); //aqui lo vuelvo a activar, Y ESTO ES NO LO QUE NO FUNCCIONA
console.log("botonazo");
}
if(this.contadorbanderas.sNumBanderes()==0){
console.log("asdasdasd");
if (JSON.stringify(this.contadorbanderas.sPosiBanderas()) === JSON.stringify(this.tablero.saberPsoiBombas())) {
alert("HAS GANADO !!!");
this.pararJuego();
}else{
alert("asdasd");
}
}
}
}
}
Alguien sabe porque no se reactiva el evento click? GRACIAS!!