Ajax请求后,动态模式标签中的Mvc模式弹出式表单不起作用(不加载其下拉数据)

时间:2019-08-19 09:05:40

标签: javascript jquery ajax asp.net-mvc asp.net-ajax

当其父页面作为新选项卡打开时,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">&times;</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");
                }
            })
        })
    })

0 个答案:

没有答案