Question

我正在尝试做一些我认为很简单的事情，但实际上我没有运气。我想要做的就是在文档加载完毕后经过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>

问题在于没有任何消失。我忽略了什么？

Answer 1

我认为你错过了一些代码

$(document).ready(function() {
    $("#notify-container").fadeOut(2000);
}

应该......

$(document).ready(function() {
    $("#notify-container").fadeOut(2000);
}); // <---

Answer 2

我认为你缺少封闭的括号和分号。

);

在文档就绪函数的脚本标记的末尾。

Answer 3

为了将来参考，延迟发生事件的最佳方法是.fadeTo(delaytime, 1);要制作动画的对象，delaytime将是您希望延迟发生的时间。它只是将已经完全可见的对象“淡化”到它已经存在的值，浪费了你告诉它的确切时间。

如何在文档加载后淡出一个div？

3 个答案: