Javascript 将事件绑定到动态生成的表单

我有两个函数，第一个调用表单，第二个通过ajax提交表单。我不能将提交事件绑定到新创建的表单，为什么会这样

形成

$("#discount").click(function(){
 $.ajax({url:"index.php?module=products&view=addajax",success:function(result){
   $(".forma").html(result);
 }});
});

通过ajax提交此表单

$('#my_form').on('submit', (function(evnt){
    evnt.preventDefault(); //Avoid that the event 'submit' continues with its normal execution, so that, we avoid to reload the whole page
    data = $("form#my_form").serialize();
    $.post('index.php/products/adds',
    $("form#my_form").serialize(), //Serialize all the content of our form to URL format
    function (data) {
        $('div#sending_form').prepend(data); //Add the AJAX response to some div that is going to show the message
    }) 
}));

---

不能直接绑定到当前不存在的元素的事件。要做到这一点，你需要使用

例如：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

---

不能直接绑定到当前不存在的元素的事件。要做到这一点，你需要使用

例如：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

---

不能直接绑定到当前不存在的元素的事件。要做到这一点，你需要使用

例如：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

---

不能直接绑定到当前不存在的元素的事件。要做到这一点，你需要使用

例如：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

尝试使用带有以下语法的

on（）

：

$( "body" ).on( "submit", "#my_form", function() { 
    // your code
});

尝试使用带有以下语法的

on（）

：

$( "body" ).on( "submit", "#my_form", function() { 
    // your code
});

尝试使用带有以下语法的

on（）

：

$( "body" ).on( "submit", "#my_form", function() { 
    // your code
});

尝试使用带有以下语法的

on（）

：

$( "body" ).on( "submit", "#my_form", function() { 
    // your code
});

---

如果已将其动态添加到页面，则无法将单击事件绑定到该页面。而是使用

on（）

将事件绑定到从页面上的现有元素新创建的任何子元素（DOM加载时就是这样）

新的on（）单击事件将如下所示：

$('.forma').on('click','form', function(e) {
  // logic here
});

.forma

是加载DOM时出现的元素的类

另一个例子：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

如果使用jQuery将

添加到
，则可以将单击事件分配给每个
内部的超链接，如下所示：

$('ul.testClass').on('click','li a', function(e) {
    e.preventDefault();
    // custom hyperlink behaviour here
});

有关
on（）
的详细信息，请参见：
如果已将其动态添加到页面，则您将无法将单击事件绑定到该页面。而是使用
on（）
将事件绑定到从页面上的现有元素新创建的任何子元素（DOM加载时就是这样）

新的on（）单击事件将如下所示：

$('.forma').on('click','form', function(e) {
  // logic here
});

.forma
是加载DOM时出现的元素的类

另一个例子：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

如果使用jQuery将
添加到
，则可以将单击事件分配给每个
内部的超链接，如下所示：

$('ul.testClass').on('click','li a', function(e) {
    e.preventDefault();
    // custom hyperlink behaviour here
});

有关
on（）
的详细信息，请参见：
如果已将其动态添加到页面，则您将无法将单击事件绑定到该页面。而是使用
on（）
将事件绑定到从页面上的现有元素新创建的任何子元素（DOM加载时就是这样）

新的on（）单击事件将如下所示：

$('.forma').on('click','form', function(e) {
  // logic here
});

.forma
是加载DOM时出现的元素的类

另一个例子：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

如果使用jQuery将
添加到
，则可以将单击事件分配给每个
内部的超链接，如下所示：

$('ul.testClass').on('click','li a', function(e) {
    e.preventDefault();
    // custom hyperlink behaviour here
});

有关
on（）
的详细信息，请参见：
如果已将其动态添加到页面，则您将无法将单击事件绑定到该页面。而是使用
on（）
将事件绑定到从页面上的现有元素新创建的任何子元素（DOM加载时就是这样）

新的on（）单击事件将如下所示：

$('.forma').on('click','form', function(e) {
  // logic here
});

.forma
是加载DOM时出现的元素的类

另一个例子：

$('.forma').on('submit', 'form', function(evnt){
    //submit
});

如果使用jQuery将
添加到
，则可以将单击事件分配给每个
内部的超链接，如下所示：

$('ul.testClass').on('click','li a', function(e) {
    e.preventDefault();
    // custom hyperlink behaviour here
});

有关（）上的
的更多信息，请参见：