javascript - 网站不从文件执行特定的 javascript，但也不会抛出错误

Question

页面:www.eveo.org

我的页面没有加载，但它确实从应该淡入我的网站的文件输出到控制台。

http://eveo.org/js/init.js第 37-43 行

$body = $('body');

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

但是，它似乎将我在文件中更靠下的一些 console.logs 放在了后面。当我从 eveo.org 导航到 url http://eveo.org/js/init.js 并返回时，我的网站加载了。如果我直接访问 eveo.org，它不会加载和执行上面的 javascript。

真的很茫然，从来没有遇到过这样的问题。

Answer 1

您的 body 元素上有 display:none;。

style.css，第 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;
}

我想您知道这一点，但请尝试将您的 jQuery 调用更改为在加载文档时触发。

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

});