当其父页面作为新选项卡打开时,Mvc模态弹出式窗体不起作用,但是当该页面作为新窗口打开时,它可以正常工作
当我尝试在Daynamic选项卡中使用其父页面时,ajax请求后,弹出表单在动态选项卡中不起作用
#parent页面中的一些HTML代码:
<div class="container" style="width:40%;margin-top:2%">
<a href="#" class="btn btn-primary" data-toggle="modal"
data-target="#myModal">clickme!</a>
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="#" dir="ltr" class="close"
data-dismiss="modal">×</a>
<h3 class="modal-title" dir="rtl">clickme!/h3></div>
<div class="modal-body">
<form id="myForm" dir="rtl">...
<div class="modal-footer">
<a href="#" class="btn btn-default"
data-dismiss="modal">cancel</a>
<input type="reset" value="show" class="btn
btn-success" id="btnSubmit" />
</div>...
JQUERY代码:
$(document).ready(function () {
$("#btnSubmit").click(function () {
$("#loaderDiv").show();
var myformdata = $("#myForm").serialize();
$.ajax({
type: "POST",
//url:"/Home/Index",
url: '@Url.Action("Get_Contracts_Steps", "Home")',
data: myformdata,
success: function () {
$("#loaderDiv").hide();
$("#myModal").modal("hide");
}
})
})
})