Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

fadeIn não funciona

Estou tentando fazer um exemplo de fadeIn mas não está funcionando e não sei onde está errado. Se alguém puder ajudar eu agradeço.

<!doctype html>
<html lang="pt-BR">

    <head>

        <title></title>

        <meta charset="UTF-8">

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/estrutura.css">

        <script src="js/jquery-1.11.2.min.js"></script>

    </head>

    <body>

        <header>

            <aside id="logotipo">
                &nbsp;
            </aside>

        </header>

        <script>
            $(document).ready(function(){
                $("<header>").fadeIn(10000);
            });
        </script>

    </body>
</html>
1 resposta
solução

Quando você faz uma referência a alguma tag do html não precisa do "<" ">" para representar. E como eu não sei se você ocultou o elemento que vai sofrer o fadeIn use o código abaixo para tentar resolver.

<script>
    $(document).ready(function(){

         $("header").hide(); // Oculta o header para que ele apareça através do fadeIn abaixo
         $("header").fadeIn(10000); // substituir "<header>" por "header"

        // Se preferir pode fazer tudo em uma linha só $("header").hide().fadeIn(10000);
    });
</script>

Espero ter ajudado :)