javascript - .apply() 方法不适用于 jQuery .animate()

Question

我已经创建了 jQuery 动画的对象文字，并且正在寻找一种将其传递给 animate() 的简洁方法。

不幸的是，.apply()似乎不适用于animate()，所以我不得不求助于使用索引 - 我想知道为什么这就是我如何让它与 .apply() 一起工作。

var animations = {

    slideLeft : function (moveLeft) {

        return [{
                left: moveLeft
            }, {
                duration: 300,
                easing: 'swingy'
        }];

    }
};

$randomEl.animate.apply(this, animations.slideLeft(100)); // doesn't work

$randomEl.animate(animations.slideLeft(100)[0], animations.slideLeft(100)[1]); // does work

Answer 1

您必须将 this 的正确值传递给 apply。我认为这有效:

$randomEl.animate.apply($randomEl, animations.slideLeft(100));

如果您正常调用 animate，例如 $randomEl.animate(...)，则在 animate 内，this 将引用 $randomEl。因此，您必须将 $randomEl 作为第一个参数传递给 apply，而不是 this 引用的任何内容。

请参阅MDN documentation了解更多信息。