我正在尝试使用名为 easeInBounce 的缓动 jQuery 函数,但它不起作用。我搜索了所有相关内容,所有页面都说我必须像这里一样放置 {easing:'easeInBounce'}
但它不起作用。
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<div>Push!</div>
<input type="text">
<input type="text" class="middle">
<input type="text">
<script>
$( "div" ).ready(function() {
$( this ).css({
borderStyle: "inset",
cursor: "wait"
});
$( "input" ).slideDown( {easing: 'easeInBounce'}, 1000, function() {
$( this )
.css( "border", "2px red inset" )
.filter( ".middle" )
.focus();
$( "div" ).css( "visibility", "hidden" );
});
});
</script>
正如你所看到的,我已经改变了点击,并在加载页面时放置了.ready加载效果。
这不起作用,我不知道该怎么做。
谢谢
最佳答案
jQuery 库中唯一的缓动实现是默认的,称为 swing,以及以恒定速度进行的缓动实现,称为 Linear。使用插件可以提供更多缓动功能,尤其是 jQuery UI 套件。
您还需要加载 jQuery UI - http://api.jqueryui.com/easings/
关于jquery - 缓解 Jquery 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26198466/