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

问题描述

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

I want to have a div element set to not be clickable and then set it to clickable after another element is clicked.

因此，当单击.case时:

So, when .case is clicked:

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

但是当我进一步陷入困境时，如何在第一次实例中将#Patient设置为不可点击:

But how do I set #patient to unclickable in the first instance when I have further down:

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

推荐答案

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

如果只希望它不接受，则可以将其添加到CSS(指针事件):

If you just want it to not accept, you can add this to your css (pointer-events):

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

这篇关于将元素设置为不可点击，然后设置为可点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！