在按钮单击时将操作结果附加到模态 div

Question

我正在尝试将部分视图的操作结果附加到按钮上的模态弹出 div 点击

这是脚本；

Function Edit(ID) {
    debugger

    $('#basicModal1').load('@Url.Action("Edit", "Resource")', "&id=" + codeURIComponent(ID))

  }

点击按钮调用函数并将参数传递给它。

模态弹出窗口

<div  class="modal fade" id="basicModal1" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">

<div class="modal-dialog" style="margin:90px 0 0 360px">     

        <form style="height:440px;width: 500px;background-color:white" class="form">
        <div class="modal-header popup_back" >

        <h4 class="modal-title" id="myModalLabel1">Edit</h4>
        </div>

        <div class="modal-">
          <fieldset id="EditField" class="account-info" style="margin-top:-20px" >

        </fieldset>

        </div>
             <fieldset class="account-action">

//here i like to place the partial view result 

         </fieldset>
         </form>
        @*<div class="modal-footer">

    </div>*@

paritalviewaction 正在执行，但弹出窗口未显示...

Answer 1

例如，您应该在加载事件之后添加 modal.show 事件；

$( "#result" ).load( "ajax/test.html", function() {

    console.log( "Load was performed." );
    // show modal with modal show/hide method

});

你的例子：

$('#basicModal1').load('@Url.Action("Edit", "Resource")', "&id=" + codeURIComponent(ID),
    function(){
        // modal.show
    });