javascript - 在 jQuery .animate 中使用步骤选项时出错

Question

我有以下代码:

$("#MainNavBar").animate({
        width: "48px"
    },
    1000,
    function () {
        console.log("complete!");
    }, {
        step: function (now, fx) {
            // var data = fx.elem.id + " " + fx.prop + ": " + now;
            // console.log(fx.prop);
            //  console.log(now);
        }
    });

在我添加步骤方法之前，它工作正常。

当我添加上述步骤方法时，出现以下错误

TypeError: m.easing[this.easing] is not a function

现在我已将 jquery-ui 包含在根布局文件中

<script src="~/Scripts/jquery-ui-1.10.3.min.js"></script>

有人可以指出我正确的方向以及我哪里出错了吗？

Answer 1

参数顺序为animate是不正确的。您正在使用的 animate 的签名是

.animate( properties [, duration ] [, easing ] [, complete ] )

这里，它期望第三个参数作为缓动效果的名称(字符串)而不是函数。所以，错误

easing is not a function

用途:

$("#MainNavBar").animate({
    width: "48px"
}, {
    duration: 1000,
    step: function () {
        // Code here
    }
},
function () {
    console.log("complete!");
});