부트 스트랩 모달 대화 상자 나 표시하도록되어 모달 대화 상자가 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 태그를 닫지 않았는지 확인하십시오.

또한 왜 모달 열기 함수를 호출하려면 asp:Button과 같은 Asp.Net 서버 쪽 컨트롤을 사용해야합니까? 앵커 태그 안에 버튼 컨트롤을 사용 했으므로 페이지를 다시로드하는 다시 게시 이벤트가 발생할 수 있습니다. 다음 버튼을 클릭 이벤트에 다음과 같이 ScriptManager.RegisterStartupScript를 사용, 버튼 클릭 기능 :

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

당신이 ASP에 모달 open 함수를 트리거 할 경우

당신은 아래의 속성 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); 
}