Comment faderOut un div après le chargement d'un document?

J'essaie de faire quelque chose que je pensais simple, mais je n'ai pas vraiment de chance de le faire fonctionner. Tout ce que je veux faire est de fondu une div après X nombre de secondes se sont écoulées depuis le chargement du document.Comment faderOut un div après le chargement d'un document?

Dans mon fichier Site.master je donne les résultats suivants:

<%@ 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>

Le problème est que rien ne se fane. Qu'est-ce que j'ai oublié?

Source

2009-07-22 Sailing Judo

Je pense que vous manquez un peu de votre code

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

Devrait être ...

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

Source

2009-07-22 15:26:20 Hugoware

bah! Je savais que c'était quelque chose d'évident. Merci. –

Je pense que vous manquez la parenthèse fermée, et point-virgule.

);

à la fin de votre balise de script pour la fonction de préparation au document.

Source

2009-07-22 15:29:22 Acorn

Pour référence future, le meilleur moyen de retarder les choses est de .fadeTo(delaytime, 1); l'objet que vous voulez animer, delaytime serait combien de temps vous voulez le retarder. Cela ne fait que "fondre" l'objet déjà totalement visible sur la valeur qu'il a déjà, en gaspillant le temps exact que vous lui avez demandé.

Source

2009-07-22 15:32:24 Sneakyness

Qu'en est-il de l'approche: .delay (delaytime) .fadeOut(); – bart

............................................. non, essayez par vous-même. – Sneakyness

Comment faderOut un div après le chargement d'un document?

Répondre

Questions connexes