jquery - 将元素设置为不可点击，然后设置为可点击

Question

我想要将一个 div 元素设置为不可点击，然后在单击另一个元素后将其设置为可点击。

因此，当单击 .case 时:

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

但是当我进一步向下时，如何在第一个实例中将#patent设置为不可点击:

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

Answer 1

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

如果您只是希望它不接受，您可以将其添加到您的 CSS ( pointer-events ) 中:

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