Question

我是编码和尝试在我的网站中实施一些javascript的新手。

我在网上找到了这个代码，它可以完成我想要它在jsfiddle上做的事情，它完美无缺。当我将代码完全从jsfiddle复制到我的编码程序时，它不会加载我想要加载的内容。我已经包含了HTML，CSS和JS来展示我如何努力使其工作以及它应该如何工作。

这是我的javascript：

var startY = 70;

    $(window).scroll(function () {
        checkY();
    });

    function checkY() {
        if ($(window).scrollTop() > startY) {
            $('#skills-left').slideDown();
        }
    }

代码在jsfiddle上工作：http://jsfiddle.net/rkerswell/jrpof73y/

当此代码转移到我的程序时，代码不会按照描述加载动画。

我错过了什么吗？

Answer 1

如@ tabz100

所述

确保将javascript包装在其中以确保在DOM元素出现后运行代码。 JSFiddle自动执行此操作。

$(function(){
   // Put code here
});

Answer 2

确保在将html代码复制到代码编辑器中并将html代码链接到head标记中时，将html代码添加到body标记中。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

</head>
<body>


</body>
</html>

我的javascript不会加载我定义的DIV？

2 个答案: