Question

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

 <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

在互联网上看了很多例子，它们看起来都是一样的。我猜我一定会错过某个地方，除非错误是我的代码，任何一个建议......

Answer 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：按钮点击功能上触发模态打开功能，请在按钮点击事件中使用ScriptManager.RegisterStartupScript，如下所示。

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

C＃

protected void btnSimpan_Click(object sender, EventArgs e)
{

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

ASP.Net中没有出现bootstrap模式对话框

1 个答案: