Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You jQuery code seems fine, So it's most likely You have missed the <code>document ready</code> block</p> <p>So add the <code>doc ready</code> handler like</p> <pre><code>$(function() { $('#hello').mouseenter(function() { $(this).effect("bounce", { times: 1, distance: 30 }, 800); }); });​ </code></pre> <p>It will ensure that that code will fire when <code>DOM</code> is ready.</p> <p>If you just use <code>$("#hello").mouseenter(...)</code> without any <code>doc ready block</code>, then there is a chance when this code will run, when there isn't any element with <code>id hello</code> in DOM yet. So <code>$("#hello")</code> will return an empty set and <code>mouseenter</code> binding won't work.</p> <p>An example markup when it won't work without <code>doc ready block</code>,</p> <pre><code>. . . &lt;script type="text/javascript"&gt; $("#hello").mouseenter(....); &lt;/script&gt; . . . . &lt;div id="hello"&gt;Blah Blah....&lt;/div&gt; </code></pre> <p>As browsers, interprets the markup sequentially, it will execute the js code as soon as it face it. And when it executes the JS block here, it hasn't yet parsed the <code>&lt;div id="hello"&gt;</code> tag yet, as it appears after the JS block, So they are not in DOM at that moment. </p> <p>So for the above case <code>$("#hello")</code> is empty and hence event binding won't work. So it's always safe to put all your JS code inside <code>document ready</code> block like</p> <pre><code>$(function){ // put all your JS code here }); </code></pre> <p>Read more <a href="http://api.jquery.com/ready/" rel="nofollow">http://api.jquery.com/ready/</a></p>
    singulars
    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.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      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