javascript - 通过 AJAX 加载元素？

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 8 年前。

我正在使用 AJAX 从 php 页面加载一些内容。这工作正常。

但现在我需要使用 AJAX 加载元素(按钮、表单或 div)。

我当前不起作用的代码是这样的:

jQuery(document).ready(function() {


$(function(){   
    $('.delForm').on('submit', function(dleItem){


        // prevent native form submission here
        dleItem.preventDefault();

        // now do whatever you want here


        $.ajax({
            type: $(this).attr('method'),// <-- get method of form
            url: $(this).attr('action'),
            //url: "cart.php",
            data: $(this).serialize(), // <-- serialize all fields into a string that is ready to be posted to your PHP file
            beforeSend: function(){

            },
            success: function(data){

            }
        });
    });


    });
  });

我尝试做这样的事情:

document($('.delForm')).on('submit', function(dleItem){

还有这个:

body($('.delForm')).on('submit', function(dleItem){

但这将使我的代码停止工作。

有人可以就这个问题提出建议吗？

提前致谢。

Answer 1

使用

$(document).on('submit', '.delForm', function(dleItem) {});