Determining if JQuery effects are still executing

Question

For running Cucumber specs with Capybara and Selenium, I need to be able to determine if certain JQuery effects have completed before I can continue with the next step. Is there a generic way to determine if JQuery is still executing effects (e.g. something like $.effects.active.size == 0)?

checking ":animated" selector? http://api.jquery.com/animated-selector/ — Marek Sebera, Jul 12 '11 at 09:17

score 9 · Accepted Answer · edited May 23 '17 at 10:32

9

You can check if element is used by some animation plugin/feature via checking :animated selector

according to this: http://api.jquery.com/animated-selector/

like this:

$("#el").is(":animated")

more info: How do I find out with jQuery if an element is being animated?

edited May 23 '17 at 10:32

Community

1
1

answered Jul 12 '11 at 09:23

Marek Sebera

39,650
37
158
244

8

Yes! And `$(":animated").length == 0` will then determine if all animations have finished. Very cool. Thanks, Marek. – Pascal Lindelauf Jul 12 '11 at 09:40

Johnny · Answer 2 · 2016-11-02T10:28:01.483

3

As an alternative option (maybe it will suit somebody else needs), it's possible to completely disable the animations on page (until the is refreshed) by applying:

$('body').append('<style> * {transition: none!important;}</style>')

edited Nov 02 '16 at 10:28

answered Nov 27 '14 at 13:42

Johnny

14,397
15
77
118

1

This is very useful to speed up the execution of automatic tests – vcRobe May 20 '16 at 17:14
@vcRobe That's exactly the reason we use it :) – Johnny Nov 02 '16 at 10:27

Determining if JQuery effects are still executing

2 Answers2

Linked