时间戳

首页 > 解决方案 > mvc 5 中的模态弹出窗口

asp.net-mvc - mvc 5 中的模态弹出窗口

问题描述

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

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

标签： asp.net-mvcentity-frameworkbootstrap-modal

解决方案

请使用以下示例。

按钮/链接，我在这里拿按钮

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

Model Pop : 放置页面的结尾

<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>

推荐阅读