javascript - Jquery 和闭包或函数引用不起作用？

Question

我认为这与在无法访问 jquery 库的不同范围内运行的函数有关(在下面第二行显示为最后一个参数调用)

var funcExpandHeight = container.animate({
    height: '300px'
}, 300, function () {});
foo.animate({
    height: 'show'
}, 300, funcExpandHeight);

第一行有效，然后在 'f.easing[i.animatedProperties[this.prop]] is not a function' 上崩溃

如下所示将行组合在一起，操作成功完成。

    foo.animate({
     height: 'show'
 }, 300, function () {
     container.animate({
         height: container[0].scrollHeight + 'px'
     }, 300, function () {})
 });

Answer 1

.animate() 的第三个参数是回调函数，但在您的第一个代码中您只是传递一个变量。

var funcExpandHeight = function() {
   container.animate({height: '300px'}, 300, function(){});
}
foo.animate({height: 'show'}, 300, funcExpandHeight);

---

注意

的配置.animate() 如下所示:

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

[] 表示可选。

在您的代码中，您没有提供 easing 因此，第三个参数将被视为完整的回调函数。

有关更多详细信息，请参阅上面的链接。