使用 jquery 在 Mvc 中使用不同的页面（视图）填充 Modelpopup

Question

我正在尝试在 mvc 的模型弹出窗口中加载视图（不是部分视图） 我有 2 个 .cshtml 页面是 View 的 Modelpopup.cshtml 和 loadmodal.cshtml

模型弹出代码

<script type="text/javascript">

$(document).ready(function () {

    var $modal = $('#load_popup_modal_show_id');
    $('#click_to_load_modal_popup').on('click', function () {

         $modal.load("@Url.Action("Loadmodel", "ToolManager")", function() {
             $modal.modal('show');
         });   

    });

});

打开弹出模式

加载模式代码

<div id="load_popup_modal_contant" class="" role="dialog">

<div class="modal-dialog modal-md">



    <form role="form" class="form-inline" role="form" id="form_load_content_id">

        <!-- Start: Modal content-->

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">Show Popup Title Here</h4>

            </div>

            <div id="validation-error"></div>

            <div class="cl"></div>

            <div class="modal-body">

                <h3> Modal Popup content Here</h3>

            </div>

            <div class="modal-footer">



                <input name="submit_popup" id="submit_popup" type="button" value="SUBMIT" class="btn btn-primary" />

                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </form>

</div>

我想将 loadmodal.cshtml 加载到弹出窗口中，如何使用上面的代码或任何其他方式执行此操作，我不想使用局部视图

我的控制器代码

 [HttpGet]
    public ActionResult Modelpopup()
    {
        return View();
    }
    [HttpGet]
    public ActionResult loadmodal()
    {
        return View();
    }

Answer 1

参考您的 cmets，我已更新 Plnkr。 您必须在加载成功函数中声明模态。因为ajax调用成功后div“#load_popup_modal_show_id”就可以使用了。 （至少是第一次）。

$(document).ready(function () {        
    $('#click_to_load_modal_popup').on('click', function () {
         $modal.load("@Url.Action("Loadmodel", "ToolManager")", function() {
         var $modal = $('#load_popup_modal_show_id');                 
         $modal.modal('show');
         });   
     });
 });