Jquery .easing errors jQuery.easing[this.easing]

Question

I have done absolutely everything to try and fix my code: JQuery libraries (Ui’s, Core’s, Plugins) .etc, but can't fix this

            $('.heading').click(function() {
                console.log("Clicked", $(this));
                $(this).animate({'color':'blue'},500,'easeOutBounce'); // example 1 , there not work and attempt error
               // $(this).animate({'color':'blue'},500,'leaner');  // example 2 , there not work BUT NOT attempt error
            });
        });

There is link for see console errors

Deepu Reghunath · Accepted Answer · 2019-09-03T09:09:03.663

1

Include the latest jQueryUI for the easing options.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script>

$(document).ready(function() {
  $('.heading').click(function() {
    $(this).animate({'color':'blue'},1000,'easeOutBounce'); 
    $(this).css({ transition: "transform 0.5s",
                  transform:"translate(100px,100px)"});
  });
});

.heading{
  color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script>
<h1 class="heading">Epanalepis de Fato Hominis</h1>

edited Sep 03 '19 at 09:09

answered Sep 01 '19 at 05:18

Deepu Reghunath

8,132
2
38
47

but when I changed color animation to transfor animation it not working there https://codepen.io/david262929/pen/OJLxpOL – David Ghazaryan Sep 02 '19 at 18:09
1

@DavidGhazaryan use CSS transitions. I have updated the solution – Deepu Reghunath Sep 03 '19 at 09:09
thanks for help, but I found most useful [plugin-package](https://www.npmjs.com/package/jquery.transit) for it – David Ghazaryan Sep 03 '19 at 16:22

Jquery .easing errors jQuery.easing[this.easing]

1 Answers1