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();
                }
            });
        });
    });

jQuery加载和Ajax表单不能一起工作

1 个答案: