jquery textarea扩展问题

Question

我有2个文本框和1个textarea.textarea最初显示有限的数据，焦点显示扩展的textarea。在扩展期间，其他文本框也向下移动。为什么我不能只扩展textarea？ 这是我的jquery代码：

$('.expand').focus(function () {
$(this).animate({ height: "4em" }, 500);
});

$('.expand').blur(function () {
$(this).animate({ height: "1em" }, 500);
});

Answer 1

其他textareas的位置与您尝试调整大小的位置有关。您可以创建一个绝对定位的叠加div，它位于活动文本区域的顶部，然后您可以调整重叠的textarea的大小，而不会影响其他textareas。

修改：创建了一个展示可能解决方案的示例jsfiddle：http://jsfiddle.net/vgqC8/ 如果将textarea的位置设置为绝对值，则应该可以这样做，但请注意它相对于相对定位的最近父节点。