самозагрузки модальное диалоговое окно не появляется в 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.Net, например asp:Button, чтобы вызвать функцию модального открытия? Поскольку вы использовали элемент управления кнопки внутри тега привязки, который может привести к событию postback, которое перезагрузит страницу.

Вы можете использовать простой якорь тег с data-target атрибута, как показано ниже:

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

Если вы хотите, чтобы вызвать модальную функцию открытия на жерех: кнопка функции мыши, а затем использовать 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); 
}