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中工作

回答

相關問題