Jquery .easing 错误 jQuery.easing[this.easing]
Jquery .easing errors jQuery.easing[this.easing]
我已尽一切努力尝试修复我的代码:JQuery 库(Ui、核心、插件).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
});
});
为缓动选项添加最新的 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>
我已尽一切努力尝试修复我的代码:JQuery 库(Ui、核心、插件).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
});
});
为缓动选项添加最新的 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>