次のように私が現れることになっているモーダルダイアログボックスを持ってASP.Net

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タグを閉じるために逃したかどうかを確認してください。

また、なぜあなたはモーダルopen関数を呼び出すことがasp:Buttonなど、Asp.Netサーバ側controllを使用する必要がありますか？アンカータグ内のボタンコントロールを使用したため、ページをリロードするポストバックイベントが発生する可能性があります。その後、ボタンのクリックイベントに以下のようにScriptManager.RegisterStartupScriptを使用し、ボタンのクリック機能：

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

を使用すると、ASPのモーダルオープン機能を起動する場合：

あなたは以下のように属性data-targetとシンプルなアンカータグを使用できます。

<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); 
}