Div出现在每次回发和页面刷新之后

Question

我试图显示使用包含标签的div在aspx页面上执行的操作结果。我已经使用JQuery来显示这个消息的淡出效果。

消息正确地显示并淡出，但是当特定页面上有任何回发或刷新时，该div的最新消息就会出现。

设计代码:

  <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>

在任何操作中，调用script before server方法如下:-

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

Answer 2

$(this).html("")取代了asp.net标签html，它将在回发期间由asp.net重新构建，因为asp.net不跟踪jquery所做的更改。

查看这个问题了解更多信息