Question

我使用visual studio 2013创建了一个ASP.NET Web应用程序（webforms）。引导程序已经创建并正常工作。

我的计划是使用data-target属性显示一个模态对话框，如下所示：

<div id="confimDialog" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Confirmation</h4>
            </div>
            <div class="modal-body">
                <p>Your request has been submitted successfully.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Ok</button>
            </div>
        </div>
    </div>
</div>
<asp:Button runat="server" Text="Submit" data-target="#confirmDialog" />

当我转到下一步以显示代码后面的确认时，在我的数据库中执行某些更新后，模态对话框从未出现过：

protected void Submit_Click(object sender, EventArgs e)
{
    //my database codes here
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "Confirm();", true);
}

并且我确实将以下脚本添加到我的aspx页面：

<asp:Button runat="server" Text="Submit" CssClass="btn btn-primary" OnClick="Submit_Click" />
<script>
    function Confirm () {
        $('#confirmDialog').modal('show'); 
        return true;
    };
</script>

我在没有任何解决方案的情况下花了两天时间来解决这个问题...我发现从代码后面显示一个模态对话框有一些问题，而很多人说它正在使用这些代码。你可以请求帮助或提出任何替代解决方案，以显示来自代码背后的确认对话框

的引用： bootstrap modal problem in code behind

感谢。

Answer 1

我发现如果你将这两行移到顶部（在标题内），它就会起作用，

 <script src="https://code.jquery.com/jquery.js"></script>
 <script src="Scripts/bootstrap.js"></script>

大多数人建议在身体结束之前将这两行放在最后，但我将它们移到标题中并且它有效。

从后面的代码中显示bootstrap模式

1 个答案: