jquery - 使用 css 样式增长的 Jquery textarea

Question

我需要制作自动增长的文本区域。这就是我所拥有的：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 插件，然后在您的元素上调用它：

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

在这里演示JSFiddle