愚蠢的简单语法错误

Question

尝试使textarea扩展焦点，并在焦点上缩回原始大小。我一直在收到语法错误。我知道这是一个基本的jQuery结构，但我无法将焦点移除的部分。

$("textarea").focus(function() {
    $(this).animate({"height": "250px"});
}, function() {
   $(this).animate({"height": "50px"});
});
});

Answer 1

删除第二个});行。

可以重写此代码，使其更容易理解。

var on = function() {
    $(this).animate({"height": "250px"});
};
var off = function() {
   $(this).animate({"height": "50px"});
};
$("textarea").focus(on, off);

如果删除不必要的局部变量on和off，您将获得所拥有的代码（错误的部分除外）。

修改
此外，focus方法只需要一个处理程序（与hover不同）。如果要在元素失去焦点时执行代码，请使用blur。