Jquery textarea与css风格一起成长

Question

我需要自动生长textarea。这就是我所拥有的：http://jsfiddle.net/EkpVn/1/

CSS：

#contact form textarea {
display: block;
margin: 16px 0 0 0;
padding: 0;
color: #084a94;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 22px;
width: 345px;
border: none;
border-bottom: 1px solid #122266;
resize: none;
height: 25px;
}

JS：

$(function() {
   $('.message_autogrow').autogrow();
});

并且自动增长的最终外观应如下所示：

这对我不起作用，怎么做对了？

Answer 1

我在jsFiddle中添加了库的代码，方法调用实际上是autoGrow();，大写 G 。

$(function() {
   $('#message').autoGrow();
});

http://jsfiddle.net/EkpVn/2/

Answer 2

只需要正确包含并使用JQuery Autosize plugin，然后在您的元素上调用它：

$(function() {
   $('.message_autogrow').autosize();
});

演示JSFiddle here