jquery - 缓解 Jquery 不起作用

Question

我正在尝试使用名为 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加载效果。

这不起作用，我不知道该怎么做。

谢谢

Answer 1

jQuery 库中唯一的缓动实现是默认的，称为 swing，以及以恒定速度进行的缓动实现，称为 Linear。使用插件可以提供更多缓动功能，尤其是 jQuery UI 套件。

您还需要加载 jQuery UI - http://api.jqueryui.com/easings/