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

-2

这很奇怪，因为我没有太多经验，所以我不明白我的JavaScript无法正常工作的问题。我做了一个ToTop按钮。JavaScript在我的浏览器中不起作用，但在CodePen中工作

在CodePen中，它工作正常。当我向下滚动时，它会消失在&之外。 CodePen：http://bit.ly/1ttnjRi

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

有人可以帮助我吗？谢谢！

UPDATE：

调试控制台给出了这样的：未捕获的ReferenceError：未定义$

附：投票的目的是什么？可能我不是唯一一个遇到这个问题的新手。我猜stackoverflow是用于帮助对方编码不稳定的东西，而不是吹牛知道更多的东西，因为这是傲慢的。祝你今天愉快！ :)

来源

2014-11-02 Roland Jegorov

首先要做的是调出你的JavaScript调试控制台。在Chrome中，您可以通过右键单击浏览器窗口并选择“检查元素”，然后选择控制台并查看是否有任何错误。 – 2014-11-02 19:46:23

@BrianHoover它给了这个 - 未捕获的ReferenceError：$没有定义 – 2014-11-02 19:48:54

这通常意味着你不包括jQuery – dave 2014-11-02 19:49:22

您需要通过添加给你的HTML包括jQuery的：

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

来源

2014-11-02 19:52:27 dave

。不用找了。仍然：未捕获ReferenceError：$未定义。更新的代码 - http://bit.ly/13wgnue – 2014-11-02 20:06:05

但codepen已经很好了，对吧？我的意思是在你的本地代码中你需要添加这一行。现在你的codepen有两个jQuery副本。 – dave 2014-11-02 20:23:31

我的朋友用这种方法解决了这个问题 -

。是的，codepen很好，这对我来说很陌生。 – 2014-11-02 20:34:02

这里是你的头标记的依赖关系：

<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>

正如你所看到的，你加载。 ./js/codeAcademy.js使用jQuery，然后加载jQuery库。在完全加载之前，您无法使用jQuery。

为什么这个工作在codepen上？正如你可以从页面源看到的，codepen从头部复制你的脚本标签并粘贴到主体中，并在你的codeAcademy.js代码的底部创建脚本标签。所以当页面加载时它会尝试加载和执行codeAcademy.js，并且失败，那么它会下载jQuery并最终从底部执行脚本。

此外，在页面底部插入javascript是个好习惯。

来源

2014-11-02 19:55:15

把javascript放在底部对我很有帮助。谢谢！ – khailcs 2016-05-05 06:59:17

是，$没有定义，是jQuery的missing.But选择jQuery的版本你用来做按钮，如果你选择2.0然后坚持为未来的工作了。

来源

2014-11-02 19:55:16

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

回答

相关问题