mvc 5 中的模态弹出窗口

Question

我想在用户单击创建新链接时打开模态窗口。

默认情况下，Mvc 会自动生成创建视图，但它会在另一个页面中打开。我希望它在 Bootstrap 弹出窗口中加载

Answer 1

请使用下面的例子。

按钮/链接，这里是按钮

  <button type="button" name="btnLink" id="btnLink">Open Pop</button>

模型流行：把页面的结尾

<div class="modal fade" id="ModalPopUp" role="dialog">
<div class="modal-dialog err-pop" style="">
    <div class="modal-content">
        <div class="modal-header">
            <button id="DivClose" type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body" style="text-align:center;">
            Put Your Html Element Here
        </div>
    </div>
</div>

脚本：

<script src="https://code.jquery.com/jquery-1.10.0.min.js"
    integrity="sha256-2+LznWeWgL7AJ1ciaIG5rFP7GKemzzl+K75tRyTByOE="
    crossorigin="anonymous"></script>
<script>
    $("#btnLink").click(function () {
        $('#ModalPopUp').modal('show');
    })
</script>