AjaxForm函数仅首次调用有效，二次调用失效问题排查

你遇到的问题是动态生成元素的事件与插件绑定失效，原因很清晰：

• 你在$(document).ready()里直接给.submitclosest绑定点击事件、给.entry_form绑定ajaxForm，这些操作只会对页面初始加载时就存在的DOM元素生效。
• 当你通过Ajax更新页面内容后，新生成的.submitclosest按钮和.entry_form表单并没有被绑定对应的事件和插件逻辑，所以后续点击自然不会触发预期的Ajax提交。

我们需要做两处关键修改：用事件委托处理点击事件，并且在每次Ajax更新后重新绑定ajaxForm插件。

1. 改用事件委托绑定点击事件 #

把直接绑定在元素上的点击事件，改成绑定到一个静态存在的父级元素（比如document，或者更靠近目标元素的静态容器），这样即使后续动态生成元素，点击事件依然能触发：

$(document).on('click', '.submitclosest', function(e) {
  e.preventDefault();
  $(this).closest('form').submit();
});

2. 封装ajaxForm绑定逻辑，确保动态元素也能生效 #

把ajaxForm的绑定逻辑封装成函数，每次Ajax成功更新DOM后，重新调用这个函数给新生成的表单绑定插件：

function bindAjaxForms() {
  $('.entry_form').ajaxForm(function(data) {
    $("#results").html(data);
    // 每次更新DOM后，重新绑定新生成的表单
    bindAjaxForms();
  });
}

$( document ).ready(function() {
  // 初始加载时绑定一次
  bindAjaxForms();
  
  // 事件委托处理点击
  $(document).on('click', '.submitclosest', function(e) {
    e.preventDefault();
    $(this).closest('form').submit();
  });
});

• 事件委托利用了DOM的事件冒泡机制，父级元素会监听所有子元素（包括后续动态生成的）的点击事件，所以新按钮点击时能触发逻辑。
• 每次Ajax回调更新DOM后，我们重新调用bindAjaxForms()，让新生成的.entry_form表单也被绑定ajaxForm插件，这样后续提交依然能走Ajax流程。

内容的提问来源于stack exchange，提问作者Daniel Yeffet