Circular Referenz mit Javascript klicken Ereignis

Question

Ich habe eine Klasse in JavaScript, die einige Funktionen hat. Zwei von ihnen sollen den Text einer Schaltfläche und ihres Onclick-Ereignisses ändern. Ich habe versucht, es selbst zu tun, aber ich stoße auf ein zirkuläres Referenzproblem. Ich glaube, ich habe etwas zu verwenden, wie „prevent()“, aber ich konnte es nicht verwenden ...

Folgen Sie meine Funktionen der Klasse:

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... 
    }); 
} 

Und hier ist die Taste

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

Answer 1

Warum nicht so etwas versuchen?

Chaos Keine Notwendigkeit, die click Veranstaltung mit wechselnden und prüfen nur den Zustand bei jedem Aufruf ...

'<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("-"); 
    } 
};