JavaScript運行時錯誤：'$'未定義

這是一個經典的問題，但在尋找真正的原因時有一段可怕的時間。通常當我看到這個錯誤時，這是因爲jQuery引用是在代碼需要它之後，或者是返回jQuery鏈接，或者是jQuery衝突等等。到目前爲止，似乎沒有一個是這種情況。不幸的是，尋找解決這個問題的辦法已經導致我在發生這種情況之後發佈帖子。我敢肯定，在這裏我的問題是同樣簡單，但一個多小時狩獵，仍然沒有運氣的......

編輯：附加信息... 解決方案文件（我已經重新嘗試多次數字了這一點。是一個JavaScript Windows應用商店的應用空白模板，我在Visual Studio這樣做，唯一的引用文件是Windows JavaScript庫1.0，我試圖刪除這個測試也是如此。

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>HTML5 Canvas Template</title> 
     <style> 
      /* styles here */ 
     </style> 
    </head> 
    <body> 
     <canvas id="myCanvas" width="500" height="500"> 
      <p>Canvas not supported.</p> 
     </canvas> 

     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       var canvas = $("#myCanvas").get(0); 
       var context = canvas.getContext("2d"); 

       function renderContent() 
       { 
        // we'll do our drawing here... 
       } 

       renderContent(); 
      }); 
     </script> 
</body> 
</html>

來源

2013-02-20 RualStorge

您是否嘗試過其他來源鏈接？ – 2013-02-20 02:42:07

我只是試過你的代碼，我沒有得到那個錯誤。 – 2013-02-20 02:45:58

我已經嘗試了不同的源代碼鏈接（實際上是3），但是感謝檢查 icanc - man我討厭那種情況......但是這確實告訴我問題不僅限於代碼本身，也許是我的解決方案的性質是錯誤的。 – RualStorge 2013-02-20 02:47:34

它的狀態是JQuery引用的URL不正確

試試這個：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

來源

2013-02-20 02:49:58 coder

我能夠在我之前的鏈接上訪問該文件，但繼續前進並用此URL替換它，以確認我也可以訪問它。但我仍然得到一個錯誤，因爲如果我沒有參考jQuery目前:(:(我在它的前面添加了缺少的「http：」，但沒有嘗試它與它的赫克）編輯：更多詳細信息 – RualStorge 2013-02-20 02:58:47

我認爲這是http://devhammer.net/blog/exploring-html5-canvas-part-1---介紹你正在使用什麼嘗試從鏈接下載完整的文件並進行測試 – coder 2013-02-20 03:01:47

這就是我正在學習畫布的一套準確的教程，雖然我看到很多有用的鏈接，但是我沒有看到最終代碼的鏈接，他確實提供了帶有代碼的JSFIDDLE，但是如果你看HTML的腳本標籤完全省略，這是我目前的懷疑是有關這個問題。我已經看了三次，以確保我沒有錯過下載鏈接:( – RualStorge 2013-02-20 03:12:11

在我的情況下，Anover變種 - 我被迫使用代理。所以- IE11 - > InternetOptions - >連接 - > LANSettings - 代理服務器 - > UseProxyServer - 應該檢查。同時檢查jquery腳本源的可用性，我在VS2012中的工作變體 - 就像在頂部示例

來源

2014-07-03 10:22:17 user3801205

在我的情況，問題是我通過https呈現我的頁面，但我試圖請求JQuery文件http，出於安全原因，它被許多瀏覽器阻止。

我的修復是改變了...

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

...這個...

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>

這將導致瀏覽器使用相同的協議（HTTP或HTTPS下載的JQuery ）作爲正在呈現的頁面。

來源

2015-07-27 22:51:54

我的一些客戶有這個問題，因爲他們顯然阻止了從第三方網站加載Javascript。所以，現在我總是用下面的代碼包括jQuery的：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
window.jQuery || 
document.write('<script type="text/javascript" src="/js/jquery-1.9.1.min.js">\x3C/script>') 
</script>

這可以確保，即使我的客戶塊加載從CDN域的JavaScript文件，客戶端仍然下載從我自己的服務器，該文件，該文件沒有被瀏覽器阻止。

來源

2016-01-06 01:22:45

-1

我得到同樣的錯誤代碼：

(Error: 'generateText' is undefined)

...的代碼

var bodyText=["The....now."]

我打字的多條線路時，在我的文本編輯器（記事本+ +），發現直接在變量bodyText上面的文本，如果我沒有打return carriage（輸入==> WordWrap關閉）只是繼續輸入沒有return carriage並讓編輯器調整它的工作原理？

必須在記事本++的設置？

來源

2016-04-27 21:43:02 user6263772

我試過上面並沒有什麼似乎一切上市工作，直到我把這個字符串

<script src="../scripts/jquery-2.2.3.min.js" type="text/javascript"></script>

在HTML文件的頭部。所以這裏是它的外觀：

<!DOCTYPE html> 
<html> 
<head> 

    <!-- jQuery Reference --> 
    <script src="../scripts/jquery-2.2.3.min.js" type="text/javascript"></script> 

    <meta charset="UTF-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 


    <title>some title</title> 

</head> 
<body> 
...

而js文件位於文件夾'腳本'下面的一個級別。最後，錯誤消失了，多麼容易！

來源

2016-05-04 18:09:40 RickInLosAngeles

祝福你的靈魂！花了整整一天的時間試圖找出我做錯了什麼。我有完全相同的情況，就是這樣！謝謝。 – NoBullMan 2017-09-19 03:46:50

JavaScript運行時錯誤：'$'未定義

回答

相關問題