jquery，Ajax成功消息只出現一次onclick，第二次沒有顯示

Question

單擊表單後，數據成功處理，我得到綠色的成功消息刷新頁面。但是，當我在頁面上並嘗試再次提交表單時，成功消息不會顯示，但表單會自行重置。我應該怎麼做才能在每次刷新頁面時獲得成功消息？

順便說一句，如果我刷新頁面，那麼成功消息將再次顯示。

這裏是我的代碼：

$(document).ready(function() { 
    $('#TestForm').submit(function (e) { 
     e.preventDefault(); 
     $.ajax({ 
      url:"post.php", 
      data: $(this).serialize(), 
      type: "POST", 
      dataType: "json", 
      success: function (data) { 
       $('#resultback').addClass("alert alert-success").html('Your data has sent succesfully! '); 
       $('#TestForm').trigger("reset"); 
       setTimeout(function() { 
        $('#resultback').fadeOut('slow'); }, 3000); 
      }, 
      error: function (data) { $('#status').html(status); 
      } 
     }) 
    }) 
    $('#TestForm').reset; 
}) 

爲什麼會發生呢？

Answer 1

$('#resultback').fadeOut完成後，您的郵件將收到display: none;樣式。所以，你把內容#resultback後，只是做一個$('#resultback').show();

檢查它在http://api.jquery.com/fadeout/

Answer 2

淡出前請出示「resultback」元素。 $（'＃resultback'）。show（）