jQuery-根据条件绑定取消绑定单击事件

Question

I need to disable the click event from a jQuery Mobile button depending if an array is empty or not. When the location loads I don't want the user to be able to click, but once the array has some values, I would like to change that.

This is what I have tried:

if (points.length != 0){ $('#addPlaces').bind('click');}
else{$('#addPlaces').unbind('click');}

I have also tried the same condition with:

$('#addPlaces').on('click');
$('#addPlaces').off('click');

What am I doing wrong? Thanks!

Answer 1

Why do you wanna do that. Just return the event when the array is empty and continue with the execution otherwise.

$('#addPlaces').on('click', function() {

    if (points.length === 0) {
        return
    }
});

This way you need not keep toggling the event.