jQuery - Невозможно добавить класс к кнопке с событием onClick

Question

Я пытаюсь добавить класс к кнопке с событием onClick. Событие onClick запускает всплывающее окно alert, которое сообщает пользователю, что нужно установить флажок. После того как вы установите флажок, он отключает onClick: $("#continue").prop('onclick',null).off('click'); После onClick отключен, я хочу добавить class на кнопку один раз кликаем:

//Updated JS 
jQuery(function($) { 
if ($("#continue").hasClass("selected")) { 
    $(this).addClass('active'); 
} 
$('#button').click(function(){ 
    $("#continue").addClass('selected'); 
    $("#continue").prop('onclick',null).off('click'); 
}); 
}); 

//Button HTML 
<a id="button" href="javascript:void(0)">Pick me</a> 
<a id="continue" href="javascript:void(0)" onclick="showError()">Continue</a> 

Но не class добавляется. Не уверен, что происходит.

Answer 1

Может быть, вы можете вызвать функцию для проверки, если элемент имеет необходимый класс вроде этого:

function validate(element) { 
 
    if ($(element).hasClass('selected')) { 
 
    $(element).addClass('active'); 
 
    } else  { 
 
    alert("this is an error"); 
 
    } 
 
} 
 

 
$(function() { 
 
    $('#button').click(function() { 
 
    $("#continue").addClass('selected'); 
 
    }); 
 

 
});

.selected { 
 
    color: red; 
 
} 
 
.active { 
 
    color: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a id="button" href="javascript:;">Pick me</a> 
 
<a id="continue" href="javascript:;" onclick="validate(this)">Continue</a>

Answer 2

Вы должны написать $(this) вместо $ это

$('#button').click(function(){ 
    $this.addClass("active"); 
});