Impostare l'elemento su non selezionabile e quindi su selezionabile

Question

Desidero impostare un elemento div in modo che non sia selezionabile e quindi impostarlo su selezionabile dopo aver fatto clic su un altro elemento.

Così, quando si fa clic su .case:

$('.case').click(function() { 
$('#patient').addClass('active').on('click'); 
}); 

Ma come faccio a impostare #patient al cliccabile in prima istanza quando ho più in basso:

$('#patient').click(function() { 
alert('clicked'); 
}); 

Answer 1

$('#patient').on('click', function() { 
    if ($(this).hasClass('active')) { 
     // do whatever when it's active. 
    } 
    return false; 
}); 

Se vuoi solo che non accetti, puoi aggiungerlo al tuo css (pointer-events):

#patient { pointer-events: none; } 
#patient.active { pointer-events: auto; } 

Answer 2

$('#patient').unbind("click"); 

Spero che funzioni.

Answer 3

Usa grilletto

$('#patient').addClass('active').trigger('click'); 

RIFERIMENTO: .trigger()

Answer 4

a seconda delle necessità (solo un elemento o molti, la creazione elemento dinamico o meno) si può usare:

1) Una variabile a controlla se il primo clic sull'altro elemento è stato eseguito

var isActive = false; 

$('.case').click(function() { 
    isActive = true; 
}); 

$('#patient').click(function(){ 
    if(isActive === false) 
     return false; 

    //Your behaviour 
}); 

2) Definire la funzione di scatto in caso click del primo elemento

$('.case').on('click',function() { 
    //Make element clickable 
    $('#patient').on('click',function(){ 
     //Your behaviour 
    }); 
}); 

Quindi è possibile utilizzare off per rimuovere l'evento click

Answer 5

for first instance..add deactive class to patient div tag... 

$('#patient').click(function() { 
if($(this).hasClass('deactive')) 
return; 
else 
//do what you want to do. 
}); 

on case click... 

$('.case').click(function() { 
$('#patient').removeClass('deactive'); 
}); 

Answer 6

non cliccabile:

$("#ElementName").css("pointer-events","none"); 

cliccabile :

$("#ElementName").css("pointer-events","auto");