在动态加载的PHP表单上放置JavaScript事件

解决方案：

多亏了Shmidty，我才明白这一点：

$( static parent element ).on('submit', '#add_client', function(e) {
    e.preventDefault();
    firm.addUser( $(this), '/ci/firm/add_client', 'client' );
});

说明：

我正在为客户制作一些表格。我希望根据他单击的链接动态创建此表单。此表单将自动填充一些数据

下面是将创建动态内容的

jQuery

：

$('.create').on('click', function(e) {
    e.preventDefault();
    utility.create_modal(); // dynamic div with form
});

这是创建div并将

PHP

表单放置在

html

中的函数：

$(document.createElement('div')).attr({
    'class' : 'span3'
}).html( create_div( '/ci/firm/return_user_form/client', 'html' ) ),

以下是

ajax

函数：

var result = '';
$.ajax({
    url: path, 
    type: 'get', 
     dataType: type,
     async : false,
     success: function(data) {
         result = data;
     } 
    });
return result;

这是从

PHP

文件中提取的html：（这是一个巨大的表单，我只想包括有问题的按钮）

---

侦听器上的

需要父对象（非动态）来侦听弹出的单击事件。然后，当事件冒泡到父级时，它将确定它是否源自
“#add_client”
，如果源自，它将调用您的匿名函数。
请显示实际生成的HTML。我讨厌花10分钟写一个问题，然后在2分钟内得到答案。。。。哈哈，非常感谢好心的先生！
<input type="submit" name="submit" value="Add Client"  id="add_client">

$('#add_client').on('click', function(e) {
    e.preventDefault();
});

$('some_parent_selector').on('click', '#add_client', function(e) {
    e.preventDefault();
});