首页 > 解决方案 > 如何在ajax调用后重新加载一个div,其中是一个表单

问题描述

我在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 后,无法再重新提交此表单。只有在硬刷新之后。我该如何解决这个问题?

标签: jqueryajaxformsreload

解决方案


您可以按 id 加载 div,而不是像这样的类:

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

推荐阅读