Jquery Ajax加载中断可防止默认设置

我有这个脚本，以编辑可湿性粉剂职位与ACF的形式

成功后，我会重新加载内容，但对于下面的内容，这只会交替工作

因此，第一次提交时，数据保存，然后内容重新加载。在第二次保存数据时，整个页面会重新加载，就好像它打破了默认值一样

我知道每次提交和加载后都需要重置或执行类似操作，但无法解决这个问题

谢谢

(function($) {
    //// Get the current page

    var pathtopage = window.location.pathname;

    //// Save data on submit

    acf.do_action('ready', $('body'));
    $('form#modalAjaxTrying').on('submit', function(e) {
        e.preventDefault();
    });
    acf.add_action('submit', function($form) {
        $.ajax({
            url: window.location.href,
            method: 'post',
            data: $form.serialize(),
            success: function(data) {
                 acf.validation.toggle($form, 'unlock');

                //// On Success reload content

                $('#content').load(pathtopage + ' #content');
           } 
        });
    });

})(jQuery);

---

ACF怎么了？为什么不

function（）{
var pathtopage=window.location.pathname；
$（'form#modalajax'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
$.ajax({
url:window.location.href，
方法：“post”，
数据：$form.serialize（），
成功：功能（数据）{
acf.validation.toggle（$form，'unlock'）；
$（'#content'）.load（pathtopage+'#content'）；//这也让人难以置信
}
});
});
})

但是，当您“重新加载”页面时，为什么Ajax会出现在第一个页面中呢？

---

另外，如果新内容包含表单，那么您将丢失事件处理程序，并且需要

是否将

$（'form#modalAjaxTrying'）

（顺便说一句，该选择器的'form'部分是不必要的）作为

#content

的子级存在？如果是这样的话，您的ajax成功将取代它，并且您在已删除的绑定上添加的提交绑定将不再存在。如果确实是这样，您应该研究提交处理程序上的委托绑定。参考@Taplar。是的，你是对的，这是一个孩子，我现在将研究事件委派，你知道我上面的标记将如何更改吗？将它添加到提交处理程序中？Ajax部分保存来自表单输入的数据，然后我的重新加载在内容区显示新数据。是的，看起来我需要查看委托，有什么想法可以改变我的标记吗？谢谢，但为什么要使用Ajax呢？只需提交表单，因为您可以通过任何方式重新加载内容委派：

$（“#content”）.on（“提交”，“#modalAjaxTrying”，函数（e）{e.preventDefault（）；$.ajax….}）