从代码后面显示引导模式

本文关键字:模式 显示 代码 | 更新日期: 2023-09-27 17:54:54

我在这里看到了一些问题,这些问题与我遇到的问题相同,但我似乎无法解决我的问题。

我想在某些情况下显示模态…所以我将需要显示/隐藏基于某些场景。这是我的文件:

ASP。

<div class="modal fade" id="lockUser" runat="server" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4>Warning</h4>
            </div>
            <div class="modal-body">
                <p>Watch out! Your about to be locked out.</p>
            </div>
            <div class="modal-footer">
                <a class="btn btn-primary" data-dismiss="modal">Close</a>
            </div>
        </div>
    </div>
</div>
function openModal() {
        $('#lockUser').modal('show');
    }
c#

ScriptManager.RegisterStartupScript(this,this.GetType(),"Pop", "openModal();", true);

我在一个点击事件中有c#代码,事件中的所有内容都将触发,除了上面的行…

也许我错过了一些非常愚蠢的东西

有什么建议吗?

从代码后面显示引导模式

首先要做的是确保openModal()方法工作。如果是这样,那么将脚本文件(bootstrap.min.js等)和函数从页面底部移动到<head>..</head>内部。