Question

我希望点击事件仅在满足条件时可用。在满足条件之前，＃space02不可单击。但是在条件满足并重置后，即使ready == 5为false，也始终可以访问＃space02。是什么原因造成的？

<body>
    <div id="space01">Click First</div>
    <div id="space02">Click Last</div>
</body>

var ready = 0;

function count() {
    ready++;
}

function resetCount() {
    ready = 0;
}

$('#space01').on('click', function() {
if (ready < 5) {
    count();
    console.log(ready);
} else if (ready == 5) {
  $('#space02').on('click', function(){
       resetCount();
    })
}

Answer 1

$('#space01').on('click', function() {
    if (ready < 5) {
        count();
        $("#space02").prop('disabled', true);
        console.log(ready);
    }else if(ready == 5){
        $("#space02").prop('disabled', false);
    }else{
        $("#space02").prop('disabled', true);
    }        
});

$('#space02').on('click', function(){
    resetCount();
});

单击条件语句中的事件

1 个答案: