jquery - div 在每次回发和页面刷新后出现

标签 jquery html css fadein fadeout

您好,我正在尝试使用包含标签的 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>

样式:

.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">&nbsp;<asp:Label ID="lblMsgSuccess" runat="server"></asp:Label></i>
</div>

在任何操作中,在服务器方法之前调用脚本如下:-

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

关于jquery - div 在每次回发和页面刷新后出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32048565/

相关文章:

javascript - jquery datepicker 多个输入

html - CSS 下拉菜单在 IE8 中消失

ext js组合框中的css样式

html - 更圆 Angular - Border Radius CSS

jquery - TinyMCE 显示 html 标签

jquery - 具有不同高度的 slider 后内容更改位置的过渡

javascript - jquery 嵌套选择不起作用

html - CSS Z 索引问题

javascript - 在 React 中注入(inject)动态 HTML - CSS 不工作

css - 在另一个 css 选择器中使用一个类