Question

您正在尝试使用包含标签的div来显示在aspx页面上执行的操作的结果..我使用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

尝试： - （默认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");

Answer 2

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

检查this问题以获取更多信息

每次回发和页面刷新后都会出现div

2 个答案: