这很奇怪,因为我还没有太多的经验,我不明白我的JavaScript无法正常工作的问题。我做了一个ToTop按钮。
在CodePen中,它运行正常。当我向下滚动时,它会逐渐消失。出。 CodePen:http://bit.ly/1ttnjRi
但在Chrome中它什么都不做。此外,我将所有文件发送给朋友,他也遇到了同样的问题。
有人能帮助我吗?谢谢!
更新:
调试控制台提供:未捕获的ReferenceError:$未定义
P.S。投票的目的是什么?可能我不是唯一遇到这个问题的新手。我想stackoverflow是为了在不安的编码中互相帮助,而不是吹嘘自己知道更多东西,因为这是傲慢的。祝你今天愉快! :)
答案 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版本然后坚持使用它对于未来的工作也是如此。