ReferenceError is not defined

Question

I have this error message ReferenceError    is not defined This is my header    lt link href  css global-style css  rel  stylesheet  type  text css  media  screen  gt   lt link rel  stylesheet  type  text css  media  screen  href  css datepicker3 css  gt   lt script type  text javascript  src  js jquery js  gt  lt  script gt   lt script type  text javascript  src  assets bootstrap js bootstrap min js  gt  lt  script gt   lt script type  text javascript  src  js bootstrap-datepicker js  gt  lt  script gt    Following is my JavaScript code   lt script type  text javascript  gt      sandbox-container  input-daterange   datepicker       startDate   today       calendarWeeks  true      todayHighlight  true      lt  script gt    Following is the HTML   lt div class  col-md-12  id  sandbox-container  gt       lt label gt Project Duration lt  label gt       lt div class  input-daterange input-group  id  datepicker  gt               lt input type  text  class  input-md form-control  name  start    gt               lt span class  input-group-addon  gt to lt  span gt               lt input type  text  class  input-md form-control  name  end    gt       lt  div gt   lt  div gt    I want to show datepicker on the input tag  I am using Bootstrap V3 1  i am using this datepicker

User · Answer

Add this script inside head tag    lt script type  text javascript  src    ajax googleapis com ajax libs jquery 2 0 0 jquery min js  gt  lt  script gt

User · Answer

Add jQuery library before your script which uses   or jQuery so that   can be identified in scripts    lt script src  http   code jquery com jquery-1 11 0 min js  gt  lt  script gt

User · Answer

i was facing the same problem in the wp-admin section of the site  I enqueued the underscore script cdn and it fixed the problem   function kk admin scripts         wp enqueue script  underscore      cdnjs cloudflare com ajax libs lodash js 0 10 0 lodash min js       add action   admin enqueue scripts    kk admin scripts

User · Answer

jQuery is a JavaScript library  The purpose of jQuery is to make code much easier to use JavaScript   The jQuery syntax is tailor-made for selecting  A   sign to define access jQuery      Its in declaration sequence must be on top then any other script included which uses jQuery   Correct position to jQuery declaration      x000D   x000D    document  ready function    x000D      console log  hi from jQuery     x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt script src  https   maxcdn bootstrapcdn com bootstrap 3 2 0 js bootstrap min js  gt  lt  script gt  x000D   lt script src  https   cdnjs cloudflare com ajax libs bootstrap-datepicker 1 3 0 js bootstrap-datepicker js  gt  lt  script gt  x000D   x000D   x000D    Above example will work perfectly because jQuery library is initialized before any other library which is using jQuery functions  including    But if you apply it somewhere else  jQuery functions will not initialize in browser DOM and it will not able to identify any code related to jQuery  and its code starts with   sign  so you will receive   is not a function error   Incorrect position for jQuery declaration    x000D   x000D    document  ready function    x000D      console log  hi from jQuery     x000D      x000D   lt script src  https   maxcdn bootstrapcdn com bootstrap 3 2 0 js bootstrap min js  gt  lt  script gt  x000D   lt script src  https   cdnjs cloudflare com ajax libs bootstrap-datepicker 1 3 0 js bootstrap-datepicker js  gt  lt  script gt  x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D    Above code will not work because  jQuery is not declared on the top of any library which uses jQuery ready function

User · Answer

It s one of the common mistake everybody make while working with jQuery  Basically   is an alias of jQuery   so when you try to call access it before declaring the function will endup throwing this error   Reasons might be  1  Path to jQuery library you included is not correct   2  Added library after the script were you see that error   To solve this   Load the jquery library beginning of all your javascript files scripts    lt script src  https   code jquery com jquery-3 3 1 js  gt  lt  script gt

User · Answer

Though my response is late  but it can still help   lf you are using Spring Tool Suite and you still think that the JQuery file reference path is correct  then refresh your project whenever you modify the JQuery file   You refresh by right-clicking on the project name -  refresh   That s what solved mine

User · Answer

You can install it by bower   Node js npm install underscore Meteor js meteor add underscore Require js require   underscore        Bower bower install underscore Component component install jashkenas underscore   Here s the link to the oficial page http   underscorejs org

User · Answer

Your widget has Underscore js LoDash js as dependency   You can get them here  underscore  lodash  Try prepending this to your code  so you can see if it works    lt script type  text javascript  src    cdnjs cloudflare com ajax libs lodash js 0 10 0 lodash min js  gt  lt  script gt

User · Answer

Use Google CDN for fast loading    lt script type  text javascript  src    ajax googleapis com ajax libs jquery 2 0 0 jquery min js  gt  lt  script gt

[javascript] ReferenceError: $ is not defined

Examples related to javascript

Examples related to jquery

Examples related to html