Циркулярная ссылка с использованием события javascript click

Question

У меня есть класс в JavaScript, который имеет некоторые функции. Два из них должны изменить текст кнопки и ее событие onclick. Я попытался сделать это сам, но я столкнулся с круглой проблемой. Я считаю, что я должен использовать что-то вроде «preventDefault()», но я не мог использовать его ...

Следуйте свои функции класса:

this.add_person = function(row, btn) { 
    $(btn).parent().parent().addClass("selected_row"); 
    $(btn).text("-"); 
    $(btn).attr("onclick", function(e) { 
     //e.preventDefault(); 
     $.adfg.tabs.del_person(row, btn); 
    }); 
} 
this.del_person = function(row, btn) { 
    $(btn).parent().parent().removeClass("selected_row"); 
    $(btn).text("+"); 
    $(btn).attr("onclick", function() { 
     //$.adfg.tabs.add_person(row, btn); it starts to call the other function and the circular reference to the functions starts... 
    }); 
} 

А вот кнопка

'<a class="btn btn-info btn-sm" onclick=$.adfg.tabs.add_person(' + meta.row + ',this)>' + '+' + '</a>' 

Answer 1

Почему бы не попробовать что-нибудь подобное?

Нет необходимости возиться с изменением click события и просто проверить состояние при каждом вызове ...

'<a class="btn btn-info btn-sm" onclick=$.adfg.tabs.add_delete_person(' + meta.row + ',this)>' + '+' + '</a>' 

this.add_delete_person = function(row, btn) 
{ 
    // if the text is equal to a minus then we're deleting 
    if($(btn).text() == "-") 
    { 
     $(btn).parent().parent().removeClass("selected_row"); 
     $(btn).text("+"); 
    } 
    // else we're adding 
    else 
    { 
     $(btn).parent().parent().addClass("selected_row"); 
     $(btn).text("-"); 
    } 
};