从代码背后显示Bootstrap模式

时间:2015-06-10 00:58:13

标签: javascript c# asp.net twitter-bootstrap

我在这里看了几个问题,我遇到了同样的问题,但我似乎无法解决我的问题。

我想在某些场景中显示模态...所以我需要根据某些场景显示/隐藏。这就是我所拥有的:

ASP.NET

<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#代码,事件中的所有内容都会触发,但上述行除外...

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

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

要做的第一件事是确保openModal()方法有效。如果是,请将脚本文件(bootstrap.min.js等)和功能从页面底部移至<head>..</head>内。