脱机时出现错误Uncaught ReferenceError：未定义$（...）（匿名>函数）

Question

I have a following javascript (It toggles visibility of my menu)

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

but when I am offline (I programme during my commute) I am getting error from this script

(index):101 Uncaught ReferenceError: $ is not defined(…)(anonymous function) @ (index):101

How I can figure out what js file to copy locally to make it work offline?

UPDATE This is how I load 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

You will also have an additional error in the console that indicates a 404 not found .

This is the file that you need to copy locally.

Looking at the error this is almost certainly jQuery.

Answer 2

How Jquery is loaded ? If you get it by the cdn it's normal than you can't access it when offline. Try to donwload it and install it locally

Answer 3

$ is not defined error is thrown when jquery file is not loaded. Since you are using jQuery "$(document).ready(function(){});" , you must ensure that jquery is loaded, either you copy jquery.min.js file locally or you can use HTML Application Cache feature as you are working offline. This will store your jquery.min.js file and will available untill you clear the cache.