Question

我有构建HTML元素的JQuery onClick函数。其中一个元素是添加按钮。我尝试使用该按钮的ID向用户显示表单。我使用JQuery选择器来调用这个函数但是没有用。日志没有触发的控制台。这是一个例子：

   $('.settingsHM ul li').on('click', function(){       
        $.ajax({
           type: 'POST',
           url: 'Components.cfc?method=getRecords',
           data: formID,
           dataType: 'json'
        }).done(function(obj){
          var tbl = "<div><input type='button' name='settingButton' id='settingAdd' value='Add' /></div><table><thead><tr><th>Number</th><th>Name</th><th>Type</th><th>Active</th></tr></thead><tbody></tbody></table>";
              $('#containerMaster').empty().append(tbl);
           }

           return true;
        }else{          
           return false;
        }
    }).fail(function(jqXHR, textStatus, errorThrown){
        alert(errorThrown);
    });
});

//Here I call onClick based on Add button ID.
$('#settingAdd').on('click', function(){
    console.log('test');
});

正如您所见，我的表是在用户点击li元素时构建的。然后，如果用户单击“添加”按钮，我想运行该过程。单击“添加”按钮后，我当前的onclick函数无法做出反应。我尝试测试并将onClick="test()"函数放在我的按钮输入标记内，这样可行。如果有人知道我做错了什么以及如何让它工作，请告诉我。感谢。

如何使用JQuery onClick调用函数？

0 个答案: