[英]Jquery .easing errors jQuery.easing[this.easing]
I have done absolutely everything to try and fix my code: JQuery libraries (Ui's, Core's, Plugins) .etc, but can't fix this 我已经做了所有尝试并修复我的代码的绝对工作:JQuery库(Ui,Core,Plugins).etc,但是无法解决此问题
$('.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
});
});
Include the latest jQueryUI for the easing options. 包括最新的jQueryUI作为缓动选项。
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.