全屏显示MVC模式

Question

今天，我遇到了this，我尝试做项目中的工作，并遇到了OP的全屏模式问题。我在下面看到了一个有关裁剪div并将其粘贴到外部div中的解决方案。

我做了解决方案中的工作，但是发生的是保留了整个模式div并显示了正常弹出窗口。

如果我将其添加到脚本中，则不会显示任何弹出窗口，但会更改背景。

我该如何解决？预先感谢

更新

父视图按钮

<button type="button" class="btn btn-success btn-sm  modal-link" data-targeturl="@Url.Action("_Popup","Application",new { MotorId = item.motor_id, Serialno = item.serialno, AppNo = item.application_no, Remarks = item.remarks })"> View
</button>

父母模态

<div id="modal-container" class="modal fade" tabindex="-1" role="dialog">
    <a href="#close" title="Close" class="modal-close-btn">X</a>
    <div class="modal-content">
        <div class="modal-body"></div>
    </div>
</div>

脚本

$(function () {

   $('body').on('click', '.modal-link', function (e) {
    e.preventDefault();

       $("#modal-container").remove();

       $.get($(this).data("targeturl"), function (data) {

       $('<div id="modal-container" class="modal fade">' + '<div class="modal-content" id="modalbody" >' + data + '</div></div>').modal();

         });
     });
});

PARTIAL VIEW

@model iVehicle.ViewModel.FranchiseViewModel

<div class="modal-content">
   <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
  <p>Some content here</p>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
</div>