jquery - 如何在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 后,无法再重新提交此表单。只有在硬刷新之后。我该如何解决这个问题?
解决方案
您可以按 id 加载 div,而不是像这样的类:
$("#divid").load(" #divid");
推荐阅读
- python - 如何在 python 中解决一组 ODE,其中一个包含 dirac delta 函数(或逐步增量)?
- php - Zf3:每个模块中的类似Controllers
- c# - C#从Rabbit MQ每x间隔以y批量大小消费/读取消息
- javascript - 异步 Javascript:意外结果
- git - Azure Build Pipeline 从 git repo 获取最新标签
- python - 如何使用 python 创建 EC2 实例并附加已创建的安全组
- javascript - 将一个页面重定向到另一个页面 10 秒,然后再次重定向回原始 URL
- swift - 为什么这段代码会产生如此令人困惑的错误信息?
- r - 用 dopar 迭代地运行 foreach
- django - 处理wsgi脚本时出现异常