当单击动态添加的按钮时，函数调用只工作一次

好的，所以我有一个按钮是动态添加到我的HTML表单。当我单击此按钮时，下面的JQuery将运行。有一个函数调用checkLimit()，它基本上返回一个数字，所以我知道要显示哪个文本框。该函数第一次运行得很好，但第二次它只调用了checkLimit()并退出。它甚至不调用函数(我通过弹出警告来测试，你会看到这些被注释掉了):

JQUERY: $(document).ready(function()

for (var i = 0; i < 25; i++){
$("#Add_").on("click", "#plus_"+i, function(){
      checkLimit();
        if (checkLimit = 1){
        var txtbox = "<div id='Div_2_Int"+i+"'> <label> <br> </label> "
            + "<input type='text' id='Txtbox_2_Int_"+i+"' name=Txtbox_2_Int_"+i+ "'value=''>";

            $('.addSys').append(txtbox);
           }
        else if(checkLimit = 2){
        var txtbox = "<div id='Div_3_Int"+i+"'> <label> <br> </label> "
        + "<input type='text' id='Txtbox_3_Int_"+i+"' name=Txtbox_3_Int_"+i+ "'value=''>";
        $('.addSys').append(txtbox);
        }
});
}

Javascript函数:

var num4 = 2;
function checkLimit() {
//alert("test2");
    if(num4 >= 4){
        alert("Only 3!");
    }else if(num4 == 3){
            num4++;
            return 2;                
    }else if(num4 == 2){
            num4++;
            return 1;
    }
    }