3

我已经编写了 jquery 来为一个 div 设置动画,如果我没有提到任何缓动效果,或者如果我提到“线性”但我想要“easeInOutBack”缓动效果并且无法理解出了什么问题,它可以正常工作。

希望有人告诉我我在哪里遗漏了一些东西。

如果可能,请用简单的语言给出解决方案,因为我是 jQuery 新手。:) :|

$(document).ready(function (e) {
    $('div.button').on('click', function () {
        $('div.box').animate({
            marginLeft: 200
        }, {
            duration: 2000,
            easing: 'easeOutBack'
        });
    });
});  

不适合我。

4

2 回答 2

6

您需要为此包含 jquery UI

来自文档:

jQuery 库中唯一的缓动实现是默认的,称为摇摆,以及以恒定速度进行的一种,称为线性。使用插件可以使用更多的缓动功能,尤其是 jQuery UI 套件。

于 2013-05-28T08:57:09.877 回答
1

确保包含jQueryUI

看看这个小提琴,easeInOutBack当包含 jQueryUI 时它可以正常工作。

http://jsfiddle.net/AHnDb/

于 2013-05-28T08:58:29.733 回答