javascript - 当我试图在 jquery 中将数据附加到其主体时,模态弹出窗口正在关闭
问题描述
嗨朋友们正在尝试将一些数据附加到我的模态弹出窗口中,该数据来自单击某个按钮时的局部视图,单击“下一步”按钮时应将另一个问题附加到弹出窗口中,并且在用户手动关闭它之前不应关闭它,这是一个简单的测试进行应用程序
@model List<Vulpith.Models.View.Test.AdaptabilityViewModel><div>
@foreach (var a in Model)
{
<div>@a.QDescription</div>
}
<button type="button" class="btn btn-default" onclick="StartTest()">Next</button>
我将上述内容附加到以下关于ajax提交的模型
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<div id="appendquestion">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" onclick="StartTest()">Start Test</button>
</div>
</div>
</div>
以下是控制器
public ActionResult _QuestionView()
{
return PartialView(new AdaptabilityTestTrans().Get());
}
我的ajax提交是
<script>
function StartTest() {
$.ajax({
url: $("baseUrl").html() + "Test/_QuestionView",
type: "POST",
success: function (data) {
debugger;
$('#appendquestion').html(data);
$('#myModal').modal(show);
},
error: function (data) {
$('#loading').hide();
}
});
}
解决方案
data-dismiss="modal"
从中删除modal-footer
。当您StartTest()
通过单击开始按钮调用时,data-dismiss
会触发并关闭模式。
<div class="modal-footer">
<button type="button" class="btn btn-default"onclick="StartTest()">Start Test</button>
</div>
推荐阅读
- r - 使用 R 有效地计算列中单词列表的出现次数
- java - CLion 插件开发:如何向现有方法添加方法调用
- c# - 从 c# 中的泛型类返回列表但列表(协变)没有在主类中更新?
- docker - 如何加载下载的图像,通过 ansible playbook 在 docker 容器中运行它
- javascript - 如何在Javascript正则表达式中提取引号之间的文本
- mysql - 分组计数?
- php - PHP Apache 模块 mod_evasive 不仅被 IP 阻塞
- ruby-on-rails - 正则表达式电子邮件:ruby 中电子邮件的数字 + 格式
- r - 使用 stringr::str_extract 将参数传递给包含 dplyr 管道表达式 group_by 的函数
- php - 显示依赖于另一个数组子成员的数组子项