如何在ajax调用后重新加载一个div，其中是一个表单

Question

我在 ajax 之后重新加载一个 div，如下所示：

$('.comment_form').on('submit', function(e){
    e.preventDefault();
    .....
    success: function(data) {       
        $('.result').html(data);        
        $(".comments-body").load(" .comments-body > *"); // reload div comments-body from comments
   },

在 div .comments-body 中有一个表单。

形式：

<form class="comment_form" action="" method="POST" role="form"> 
    .....
    <button type="submit" class="btn btn-primary" name="submit_nested_comment">Submit</button>
</form>

在动态重新加载 div 后，无法再重新提交此表单。只有在硬刷新之后。 我该如何解决这个问题？

Answer 1

您可以通过 id 加载 div，而不是像这样的类：

   $("#divid").load(" #divid");