Jquery只爲Bootstrap提醒一次我在頁面上顯示Asp.net

我希望它每次都能正常工作。每次點擊保存按鈕而不刷新頁面。Jquery只爲Bootstrap提醒一次我在頁面上顯示Asp.net

這是我的代碼。

jQuery代碼在Admin.Master：

<script> 
$(document).ready(function() { 
    $("#successalert").hide(); 
    $("#sucess").click(function showAlert() { 
     $("#successalert").alert(); 
     $("#successalert").fadeTo(2000, 500).slideUp(500, function() { 
      $("#successalert").alert('close'); 
     }); 
    }); 
});

Settings.aspx代碼

<div class="modal" id="menuiconmodal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title">Menu</h4> 
      </div> 
      <div class="modal-body">     
     // some input tags  
      </div> 
      <div class="modal-footer"> 

      <a href="javascript:;" id="sucess" class="btn btn-primary" data-dismiss="modal">Save</a> 
      </div> 
     </div> 
     <!-- /.modal-content --> 
     </div> 
     <!-- /.modal-dialog --> 
    </div> 
    <!-- /.modal --> 

    // Alert Showing for a while 

    <div class="alert alert-success alert-dismissible" id="successalert"> 
     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> 
      <h4><i class="icon fa fa-check"></i> Hey!</h4> Menu Item Added Sucessfully !!!! 
    </div>

來源

2016-03-07 Natavar Ghodasara

您使用更新面板？ – Webruster

不，我不使用。 –

你正在做的是你隱藏'$（「＃successalert」）。hide（）;'在初始點擊事件中，但對於第二次點擊事件你將無法看到它 – Webruster

這是自舉了自己在這個issue詳細說明的問題。

有一些解決方法提到here您可以嘗試。

來源

2016-03-07 11:31:43 siva

找到解決方案使用jQuery addClass（）和removeClass（）

CSS 更改.alert在bootstrap.css類下面財產

display:none;

增加了新的類顯示

.showing 
    { 
     display:inherit;    
     padding: 15px; 
     margin-bottom: 20px; 
     border: 1px solid transparent; 
     border-radius: 4px; 
    }

jQuery代碼

<script> 
$(document).ready(function() { 
    $("#sucess").click(function() {   
     $("#successalert").removeClass("alert");   
     $("#successalert").addClass("showing");   
     $("#successalert").fadeTo(2000, 500).slideUp(500, function() { 
      $("#successalert").alert('close'); 
     }); 
    }); 
}); 
</script>

來源

2016-03-08 07:01:37

Jquery只爲Bootstrap提醒一次我在頁面上顯示Asp.net

回答

相關問題