您好,我正在尝试使用包含标签的 div 显示在 aspx 页面上执行的操作结果。我已经使用 JQuery 以淡出效果显示此消息。
该消息正确显示并正确淡出,但是当该特定页面上有任何回发或刷新时,该 div 的最新消息出现。
aspx设计代码:
<div class="notification-success" id="dvMsgSuccess" runat="server" visible="false">
<i class="fa fa-check"> <asp:Label ID="lblMsgSuccess" runat="server"></asp:Label></i>
</div>
样式:
.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...!!!";
感谢任何帮助..谢谢
最佳答案
尝试:-(默认情况下 Div 通过内联 CSS 隐藏)
<div class="notification-success" id="dvMsgSuccess" style="display:none;" >
<i class="fa fa-check"> <asp:Label ID="lblMsgSuccess" runat="server"></asp:Label></i>
</div>
在任何操作中,在服务器方法之前调用脚本如下:-
$("#dvMsgSuccess").css("display","block");
关于jquery - div 在每次回发和页面刷新后出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32048565/