div появляется после evry postback и обновления страницы

Question

Привет, я пытаюсь показать результат операции, выполняемой на странице aspx, используя div, содержащий метку. Я использовал JQuery, чтобы показать это сообщение с эффектом постепенного уменьшения.

Сообщение отображается правильно и постепенно исчезает, но когда на этой странице есть обратная передача или обновление, появляется последнее сообщение для этого div.

ASPX код дизайн:

<div class="notification-success" id="dvMsgSuccess" runat="server" visible="false"> 
     <i class="fa fa-check">&nbsp;<asp:Label ID="lblMsgSuccess" runat="server"></asp:Label></i> 
    </div> 

CSS:

.notification-success { 
background-color: #13AD58; 
line-height: 50px; 
width: 35%; 
margin: 0px auto; 
text-align: center; 
min-height: 40px; 
color: #FFF; 
font-size: 18px; 
box-shadow: 10px 10px 5px #888; 

}

JQuery:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#<%=dvMsgSuccess.ClientID%>').fadeOut(5000, function() { 
      $(this).html(""); //reset label after fadeout 
     }); 
    }); 


</script> 

Когда любая операция выполняется, показываю любые сообщения

dvMsgSuccess.Visible = true; 
lblMsgSuccess.Text = "operation successfull...!!!"; 

Любая помощь приветствуется .. Спасибо

Answer 1

Try: - (По умолчанию Div скрыт с помощью встроенного CSS)

<div class="notification-success" id="dvMsgSuccess" style="display:none;" > 
     <i class="fa fa-check">&nbsp;<asp:Label ID="lblMsgSuccess" runat="server"></asp:Label></i> 
</div> 

В любой операции, вызовите сценарий, прежде чем метод сервера, как следующие: -

$("#dvMsgSuccess").css("display","block");