将元素设置为不可点击,然后设置为可点击

Question

我希望将div元素设置为不可单击,然后在单击另一个元素后将其设置为可单击.

所以,当点击.case时:

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

但是当我进一步向下时,如何在第一个实例中将#patient设置为unlickable:

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

Answer 1

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

如果你只是想让它不接受,可以将它添加到你的css(指针事件):

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

Answer 2

不可点击:

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

可点击:

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

Answer 3

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

我希望这会奏效.