2 replies to this topic

[vaironl]

I want a bounce animation to be shown when the user clicks on a link, which has been successfully implemented below.
But the problem is that the page redirects me to fast and the bounce animation is not displayed.
How could I fix this?

$(document).ready(function()
{
    $("a").click(function()
  {
   $(this).effect("bounce", { times:2 }, 300);
  });
});

[wim DC]

http://api.jqueryui.com/effect/

.effect( effect [, options ] [, duration ] [, complete ] )

You should be able to pass a4th parameter, a function to the effect method.
Inside the method you can perform the redirect.
Don't use an <a> tag, but a <span> instead. (otherwise you must write code to preven the default action of the <a> tag, which is avoidable)

Edited by wim DC, 19 December 2012 - 07:47 AM.

[vaironl]

http://api.jqueryui.com/effect/


You should be able to pass a4th parameter, a function to the effect method.
Inside the method you can perform the redirect.
Don't use an <a> tag, but a <span> instead. (otherwise you must write code to preven the default action of the <a> tag, which is avoidable)

Thanks.
I saw the same format for the animation function, but was lazy enough to not notice this was in the JQuery UI. Thank you for pointing me in the right direction, I believe I can figure everything from this point .