JavaScript Uncaught ReferenceError jQuery is not defined Uncaught ReferenceError is not defined

Question

This is my fiddle  http   jsfiddle net 4vaxE 35   It work fine in my fiddle   However  when I transfer it to dreamweaver  it can t work  And I found this two error in my coding    Uncaught ReferenceError  jQuery is not defined  uncaught referenceerror   is not defined   I had read before the article related to this two error  and tried to solve according to the method provided  however  it still not working  how can I solve this   Here is my full coding in dreamweaver   lt body gt       lt div class  buttons  style  background-color  rgba 0 0 0  8    gt       lt a class  button  id  showdiv1  gt Div 1 lt  a gt       lt a class  button  id  showdiv2  gt Div 2 lt  a gt       lt a class  button  id  showdiv3  gt Div 3 lt  a gt       lt a class  button  id  showdiv4  gt Div 4 lt  a gt       lt  div gt        lt div id  div1  gt 1 lt  div gt       lt div id  div2  gt 2 lt  div gt       lt div id  div3  gt 3 lt  div gt       lt div id  div4  gt 4 lt  div gt   lt  div gt   lt script language  JavaScript  type  text javascript  script src  http   ajax googleapis com ajax libs jqueryui 1 10 0 jquery-ui min js  gt  lt  script gt    lt script language  JavaScript  type  text javascript  gt  var selectedEffect  explode   var options     percent  100        showdiv1   click function             div id  div    hide             div1   show  selectedEffect  options  500  callback            showdiv2   click function             div id  div    hide            div2   show  selectedEffect  options  500  callback             showdiv3   click function             div id  div    hide            div3   show  selectedEffect  options  500  callback             showdiv4   click function             div id  div    hide            div4   show  selectedEffect  options  500  callback         function callback           setTimeout function                  effect visible    removeAttr   style    fadeOut             1000            lt  script gt   lt  body gt   lt  html gt    CSS   lt style type  text css  gt    button       cursor pointer      display inline-block      margin 10px      clip  rect auto auto auto auto       div1       background aqua      padding 20px      width 100px      text-align center      display none     div2       background blue      padding 20px      width 100px      text-align center      display none     div3       background orange      padding 20px      width 100px      text-align center      display none      div4       background green      padding 20px      width 100px      text-align center      display none    a       color aqua      -webkit-filter  grayscale 1 0     a hover       color red      -webkit-filter  grayscale 0 0      lt  style gt

User · Accepted Answer

Cause you need to add jQuery library to your file:

jQuery UI is just an addon to jQuery which means that
first you need to include the jQuery library → and then the UI.

<script src="path/to/your/jquery.min.js"></script>
<script src="path/to/your/jquery.ui.min.js"></script>

User · Answer

You did not include jquery library  In jsfiddle its already there  Just include this line in your head section     lt script src  http   ajax googleapis com ajax libs jquery 1 11 1 jquery min js  gt

User · Answer

You have an error in you script tag construction  this    lt script language  JavaScript  type  text javascript  script src  http   ajax googleapis com ajax libs jqueryui 1 10 0 jquery-ui min js  gt  lt  script gt    Should look like this    lt script language  JavaScript  type  text javascript  src    ajax googleapis com ajax libs jqueryui 1 10 0 jquery-ui min js  gt  lt  script gt    You have a  script  word lost in the middle of your script tag  Also you should remove the http    to let the browser decide whether to use HTTP or HTTPS   UPDATE  But your main error is that you are including jQuery UI  ONLY  you must include jQuery first   jQuery UI and jQuery are used together  not in separate  jQuery UI depends on jQuery  You should put this line before jQuery UI    lt script src  http   ajax googleapis com ajax libs jquery 1 10 0 jquery min js  gt  lt  script gt

[jquery] JavaScript Uncaught ReferenceError: jQuery is not defined; Uncaught ReferenceError: $ is not defined

Examples related to jquery

Examples related to jquery-ui

Examples related to referenceerror