在MVC 5中弹出模态

时间:2019-01-20 15:30:06

标签: asp.net-mvc entity-framework bootstrap-modal

当用户单击创建新链接时,我想打开模式窗口。

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

1 个答案:

答案 0 :(得分: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>