javascript - jQuery Load 和 Ajax 表单不能一起工作

Question

我创建了一个新闻系统，我应该能够从模式动态编辑文章而无需重定向。另外，我应该能够删除和创建文章。

当某些内容发生更改时，将调用 jQuery Load，但问题是当我必须编辑加载的内容时。

    $("#toolbox-items").load('inc-toolbox');

上面的代码加载文章(该文件故意被称为 inc-toolbox 并且工作正常)。

    $(function () {
        $('form').on('submit', function(e) {
            e.preventDefault();
            var clicked = document.activeElement.getAttribute('name');
            $.ajax({
                type: 'post',
                url: 'process-toolbox',
                data: $(this).serialize() + "&" + clicked + "=success",
                success: function (response) {
                    $("#toolbox-items").load('inc-toolbox');
                    $('.modal-backdrop').remove();
                }
            });
        });
    });

但是，当需要编辑或删除某些内容时，整个页面都会重新加载，并且不会发生任何变化，尽管我仍然可以添加内容。

添加按钮不是从脚本动态加载的，而是从一开始就在那里。

问题到底是什么？

Answer 1

尝试这样的代码

  $(function () {
        $(document).on('submit','form', function(e) {
            e.preventDefault();
            var clicked = document.activeElement.getAttribute('name');
            $.ajax({
                type: 'post',
                url: 'process-toolbox',
                data: $(this).serialize() + "&" + clicked + "=success",
                success: function (response) {
                    $("#toolbox-items").load('inc-toolbox');
                    $('.modal-backdrop').remove();
                }
            });
        });
    });