Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery code doesn't work
    primarykey
    data
    text
    <p>I'm beginer at jQuery. I tried to do easy example but this doesn't work.<br> Show some <strong>errors:</strong> </p> <p><code>Uncaught ReferenceError: $ is not defined</code> => <code>$(document).ready(function() {</code> </p> <p><code>Failed to load resource</code></p> <p>I guess that I missed something but can't understand what it is. </p> <p><strong>Code:</strong></p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt;&lt;head&gt; &lt;title&gt;jQuery goes to DOM-ville&lt;/title&gt; &lt;style&gt; #change_me { position: absolute; top: 100px; left: 400px; font: 24px arial;} #move_up #move_down #color #disappear { padding: 5px;} &lt;/style&gt; &lt;script src="scripts/jquery-1.6.2.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;button id="move_up"&gt;Move Up&lt;/button&gt; &lt;button id="move_down"&gt;Move Down&lt;/button&gt; &lt;button id="color"&gt;Change Color&lt;/button&gt; &lt;button id="disappear"&gt;Disappear/Re-appear&lt;/button&gt; &lt;div id="change_me"&gt;Make Me Do Stuff!&lt;/div&gt; &lt;script&gt; $(document).ready(function() { $("#move_up").click( function() { $("#change_me").animate({top:30},200); });//end move_up $("#move_down").click( function() { $("#change_me").animate({top:500},2000); });//end move_down $("#color").click( function() { $("#change_me").css("color", "purple"); });//end color $("#disappear").click( function() { $("#change_me").toggle("slow"); });//end disappear });//end doc ready &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>Question:</strong> </p> <ul> <li>How to solve this trouble?</li> </ul>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload