theotherguy priority asked 3 years ago


Expected behavior How do I know when an animation ends? I use to be able to use the below. Actual behavior

Resources (screenshots, code snippets etc.)

$(lastclicked).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){


Grzegorz Bujański staff commented 3 years ago

Hi. Can you show the animation code you are using and the lastclicked variable declarations? Are there any bugs in the console?


theotherguy priority commented 3 years ago

.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){

     });

theotherguy priority commented 3 years ago

I remove classes with jquery when I know the animation ends so I can reanimate.


theotherguy priority commented 3 years ago

Im pretty sure Im doing it wrong or not waiting for the animation to complete before the remove function is called. Please disregard. I will contact support if this turns out to not be a user error.


Grzegorz Bujański staff answered 3 years ago


Then I suggest using the reset option:

$('#example').Animate({
    animation: 'tada',
    reset: true
});

This option should reset the animations after it finishes and you won't need to add your own code. Other available options can be found in the API tab in the animation documentation. Also remember that MDB 5 does not include jQuery by default and you have to add it to the project on your own.


theotherguy priority commented 3 years ago

Thanks I use jquery by default. I would recommend a feature of the post to allow hidden post parts of the post to staff to possibly link to examples on sites they may not want public.

thanks for your support.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: 1.0.0
  • Device: any
  • Browser: andy
  • OS: andy
  • Provided sample code: No
  • Provided link: No