Note that there are some explanatory texts on larger screens.

plurals
  1. POIs that possible for function to start late instead of delay?
    primarykey
    data
    text
    <p>I have 2 jquery functions:</p> <pre><code>$(document).ready(function(){ $("#title").click(function(){ $("#click").delay(2700) .css({opacity: 0.0, visibility: "visible"}) .animate({opacity: 0.5 }); }); }); </code></pre> <p>and</p> <pre><code>$(document).ready(function(){ $("#click").hover( function () { $("#card12").animate({top:'220px'},100);}, function () { $("#card12").animate({top:'330px'},100); }); }); </code></pre> <p>This is how that's work:<br> 1. I click (div id = #title)<br> 2. (div id=#click) will shows up with 2700ms delay<br> 3. whenever I point my cursor to (div id=#click), (div id=#card12) will slides up</p> <p>My problem is:<br> 1. I accidentally pointed my cursor into (div id =#click) area before 2700ms (the delay for (div id=#click) to shows up)<br> 2. Instead of ignoring it, the (div id=#card12) responded to that(sliding up) as soon as (div id=#click) has been completely loaded <br> <br> e.g: I point my cursor to (div id=#click) area, and move out the cursor outside the area back and forth for 2 times before 2700ms( the delay before (div id=#click) shows up). <br> <br> Instead of ignoring that 2 initial hover ( before the (div id=#click shows up)), jQuery will slides (div id="#card12") twice, as soon as (div id=#click" has been completely loaded ( even though my cursor is outside the the(div id=#click) ) area by the time it has been loaded</p> <p>My questions is:<br> is that possible to ignore whatever happened before 2700ms (the #click delay before it shows up)? <br> <br> P.S: I know it is easier if I can perform that using codePen/ jsFiddle. But I don't know how to use codePen/ jsFiddle using 2 jquery-(ies?)</p> <p>Thank you very much </p>
    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.
    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