脫機時出現錯誤Uncaught ReferenceError：未定義$（...）（匿名>函數）

Question

我有以下javascript（可切換菜單的可見性）

   <!-- toggle visibility for filter -->
     <script type="text/javascript">
                  $(document).ready(function() {
                      $("#extra-content").hide();
                      $("#toggle-content").click(function(){
                          $("#extra-content").toggle();
                      });
                  });
     </script>

但是當我離線時（我在通勤期間編程），我從此腳本中獲取錯誤

（索引）：101未被捕獲的ReferenceError：未定義$（...）（匿名函數）@（索引）：101

如何確定要在本地復制的js文件以使其脫機工作？

更新這就是我加載jQuery的方式

<!-- Placed at the end of the document so the pages load faster -->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="{{ STATIC_URL }}/static/jquery/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="{{ STATIC_URL }}/static/jquery/jquery-ui.js"></script>

Answer 1

控制台中還將出現一個其他錯誤，指示404 not found 。

這是您需要在本地復制的文件。

看着錯誤，這幾乎可以肯定是jQuery。

Answer 2

jQuery如何加載？ 如果您是通過CDN獲得的，那是正常的情況，而離線時無法訪問它。 嘗試下載並在本地安裝

Answer 3

未定義$時，未加載jquery文件時引發錯誤。 由於您使用的是jQuery "$(document).ready(function(){});" ，您必須確保已加載jquery，可以在本地復制jquery.min.js文件，也可以在脫機工作時使用HTML Application Cache功能。 這將存儲您的jquery.min.js文件，並且在您清除緩存之前將一直可用。