我正在尝试做一些我认为很简单的事情,但实际上我没有运气。我想要做的就是在文档加载完毕后经过X秒后淡出div。
在我的Site.Master文件中,我有以下内容:
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<!-- various other links, etc commented for brevity -->
<script type="text/javascript" src="<%= ResolveUrl("~/Scripts/jquery-1.2.6.js")%>"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#notify-container").fadeOut(2000);
}
</script>
</head>
<body class="page">
<%
if (Html.ViewContext.TempData.ContainsKey("StatusMessage")) {
%>
<div id="notify-container"><%=Html.ViewContext.TempData["StatusMessage"]%></div>
<%
}
%>
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</body>
</html>
问题在于没有任何消失。我忽略了什么?
答案 0 :(得分:9)
我认为你错过了一些代码
$(document).ready(function() {
$("#notify-container").fadeOut(2000);
}
应该......
$(document).ready(function() {
$("#notify-container").fadeOut(2000);
}); // <---
答案 1 :(得分:3)
我认为你缺少封闭的括号和分号。
);
在文档就绪函数的脚本标记的末尾。
答案 2 :(得分:0)
为了将来参考,延迟发生事件的最佳方法是.fadeTo(delaytime, 1);
要制作动画的对象,delaytime
将是您希望延迟发生的时间。它只是将已经完全可见的对象“淡化”到它已经存在的值,浪费了你告诉它的确切时间。