保存成功提醒只會淡出一次嗎？

Question

我已經添加了這個代碼，它會在調用成功警報時創建淡入淡出效果。當我點擊保存時，警報只會消失 - 但第二次點擊保存則不會。警報會保留在那裏直到我關閉它。我希望每次點擊保存時淡入淡出。

 $("#successalert").show(function(){ 
     $(".alert").delay(4600).addClass("in").fadeOut(1000) 
     }); 

Answer 1

嘗試addclass（ 「中」）再次點擊事件，並在動畫中刪除：

$("#yourButton").on("click",function(){ 
    $(".alert").addClass(".in"); 
    $("#successalert").show(function(){ 
     $(".alert").delay(4600).addClass("in").fadeOut(1000, function(){ 
      $(this).removeClass('in'); 
     }); 
    }); 
    }); 

Answer 2

沒有進一步的代碼很難診斷，但你可能想嘗試改變你的代碼：通過刪除應用in類被顯示之前

$("#successalert").show(function(){ 
     $(".alert").delay(4600).addClass("in").fadeOut(1000, function(){ 
       $(this).removeClass('in'); 
     }) 
}); 

這將重置.alert到其原始狀態在淡出結束時。

Answer 3

要獲取重複的行爲，您必須重置您完成的所有操作。在您的第一個.fadeOut()之後，您需要重置已完成的代碼。您必須在某個時間點將.removeClass('in'),.hide('#successalert')和.show('.alert')重置爲其原始狀態。