CODEWITHSUNDEEP
javascriptjqueryhtmlcss
eveo
eveo

Reputation: 2833

Website does not execute specific javascript from file, but doesn't throw errors either

page: www.eveo.org

My page doesn't load, but it does output to console from the file which is supposed to fade my site in.

http://eveo.org/js/init.js line 37-43 

$body = $('body');

        $body.fadeIn(1000, function() {
                $('.about p').fadeIn(500, function() {
                    $('.about footer').fadeIn(500);
                });
        });

However, it seems to put a few console.logs that I have further down in the file. When I view the url http://eveo.org/js/init.js after navigating to it from eveo.org, and hitting back, my website loads. If I just go straight to eveo.org it doesn't load and execute the above javascript.

Really at a loss, never had a problem like this.

Upvotes: 0

Views: 47

Answers (1)

Alex Wright
Alex Wright

Reputation: 456

You have display:none; on your body element.

style.css, line: 8

body {
    font-family: "proxima-nova", 'Proxima Nova', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    text-align: center;
    text-rendering: optimizeLegibility;
    display: none;
}

I think you knew that, but try changing your jQuery call to fire when the document is loaded.

jQuery(document).ready(function() {

    var $window = $(window),
    $body = $('body');

    $body.fadeIn(1000, function() {
            $('.about p').fadeIn(500, function() {
                $('.about footer').fadeIn(500);
            });
    });

    ... rest of code

});

Upvotes: 1

Related Questions