javascriptのクリックイベントを使用した循環参照

Question

私はJavaScriptでいくつかの機能を持つクラスを持っています。 2人はボタンのテキストとその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("-"); 
    } 
};