引导模式对话框未出现在 ASP.Net 中答案

【问题标题】：bootstrap modal dialog box not appearing in ASP.Net引导模式对话框未出现在 ASP.Net 中
【发布时间】：2016-06-20 06:25:21
【问题描述】：

我有一个应该显示的模态对话框，代码如下：

 <div class="form-group">
      <div class="row">
             <div class="col-sm-6">
                <a href="#" class="btn-link" class="btn-link" data-toggle="modal" data-target="#myModal"><asp:Button ID="btnSimpan" CssClass="btn btn-success" runat="server" Text="SIMPAN"  /></a>
               </div> 
      </div>              
 </div>

<div id="myModal" class="modal fade in" role="dialog">
    <div class="modal-dialog">
        <!-- Modal Content -->
        <div class="modal-content">
            <div class="modal-header" style="background-color:red;">
            <button type="button" class="close" data-dismiss="modal">&times</button>
                <h4 class="modal-title">Makluman</h4>
            </div>
            <div class="modal-body">
                <div role="form">
                    <div class="form-group">

                    <h4 class="modal-title">Adakah Anda Pasti ?</h4>
                    <div class="form-group">
                        <div class="row">

                            <div class="col-sm-6">
                                <span class="pull-right">
                                    <asp:Button ID="btnSubmit" CssClass="btn btn-success" runat="server" Text="Ya" /></span>
                            </div>
                            <div class="col-sm-6">
                                <span class="pull-left">
                                    <asp:Button ID="Button1" CssClass="btn btn-danger" runat="server" Text="Tidak" /></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

简单的代码什么都不做，当我点击 btnSimpan 按钮时什么也没有发生，像这样：

The output is here

查看了互联网上的许多示例，它们看起来都一样。我猜我一定是在某个地方遗漏了一些东西，除非我的代码有错误，任何人有任何建议......

【问题讨论】：

标签： javascript asp.net twitter-bootstrap modal-dialog showmodaldialog

【解决方案1】：

为什么模态需要in 类？显示模态时将添加此类。如果背景只显示而模态不显示，请检查您是否错过关闭任何div 标签。

另外，为什么你需要使用Asp.Net服务器端控件，例如asp:Button来调用模态打开函数？由于您在锚标记内使用了按钮控件，这可能会导致重新加载页面的回发事件。

您可以使用带有data-target 属性的简单锚标记，如下所示：

 <a href="#" class="btn-link" class="btn-link" data-toggle="modal" data-target="#myModal" class="btn btn-success"></a>

如果你想在asp:button点击功能上触发模态打开功能，那么在按钮点击事件上使用ScriptManager.RegisterStartupScript如下。

<asp:Button ID="btnSimpan" CssClass="btn btn-success" runat="server" OnClick="btnSimpan_Click" Text="SIMPAN"  />

protected void btnSimpan_Click(object sender, EventArgs e)
{

    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "", "<script>$(function () {$('#myModal').modal('show');});</script>", false);
}

【讨论】：