JavaScript在我的浏览器中不起作用,但在CodePen中起作用

时间:2014-11-02 19:44:22

标签: javascript jquery html

这很奇怪,因为我还没有太多的经验,我不明白我的JavaScript无法正常工作的问题。我做了一个ToTop按钮。

在CodePen中,它运行正常。当我向下滚动时,它会逐渐消失。出。 CodePen:http://bit.ly/1ttnjRi

但在Chrome中它什么都不做。此外,我将所有文件发送给朋友,他也遇到了同样的问题。

有人能帮助我吗?谢谢!

更新:

调试控制台提供:未捕获的ReferenceError:$未定义

P.S。投票的目的是什么?可能我不是唯一遇到这个问题的新手。我想stackoverflow是为了在不安的编码中互相帮助,而不是吹嘘自己知道更多东西,因为这是傲慢的。祝你今天愉快! :)

3 个答案:

答案 0 :(得分:2)

以下是head标签的依赖关系:

    <script type="text/javascript" src="../js/codeAcademy.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

如您所见,您正在加载使用jQuery的../js/codeAcademy.js,然后加载jQuery库。在完全加载之前,你不能使用jQuery。

为什么这适用于codepen?从页面源代码中可以看出,codepen从头部复制了脚本标记并粘贴在正文中,并使用codeAcademy.js代码在底部创建了脚本标记。因此,当页面加载它尝试加载并执行codeAcademy.js并且它失败时,它会下载jQuery,最后它从底部执行脚本。

在页面底部插入javascript也是一个好习惯。

答案 1 :(得分:0)

您需要通过将jQuery添加到HTML中来包含jQuery:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

答案 2 :(得分:0)

是的, $ not defined ,jquery缺失。但是如果您选择版本2.0 ,请选择用于制作按钮的jquery版本然后坚持使用它对于未来的工作也是如此。