Here's another top tip from the Codeworks camp. Often Jquery is used to animate a particular element on a page after the user has clicked on something. For example, a news box could slide open if you click a certain link.
Problems can often occur if a user is a bit keen on clicking, or impatient, and ends up clicking the link repeatedly, before the animation has taken place. Browsers can often 'queue' a backlog of clicks so that things keep happening long after they should have ended! This can also cause unexpected behaviour which can make the user think that the website is 'broken'.
But fear not, there is a simple solution:
At the start of any click event in jquery, which may look like this:
$('.element').click(function() { ....
Simply add the following:
$('.animatedelement').is(":animated")){
return;
}
This will check if an animation is running, and if it is, put the brakes on any other events until it is finished.
Hey presto!
Call us for a chat on
