5

如果我在 textarea 元素上设置固定宽度,是否有一种优雅的方法可以将默认高度设置为允许其所有内容适合的大小?

我希望避免在 jquery 中对任何会比较 text.length 并尝试将值等同于高度的东西进行硬编码,但也许这是唯一的方法,如果可能的话,我希望看到一些本机 css 规则,但我可以我似乎没有想到任何事情。

我创建了一个小提琴来说明我想要完成的事情。 http://jsfiddle.net/edZgm/

这是代码:

CSS:

textarea {
    overflow: hidden;
}

查询:

$('document').ready(function () {
    $('textarea')
        .width(500);

    //I have a width set, but see how the height defaults to a rediculously small amount.
    //I'd like to have the height default to fit everything on load.

});

HTML:

<textarea> ... lots of text </textarea>

先感谢您。

4

2 回答 2

3

有这个 jQuery 插件,Autosize。
http://www.jacklmoore.com/autosize/

这是您使用该插件更新的小提琴。
http://jsfiddle.net/edZgm/3/

刚刚加载了插件并将其添加到您的代码中。

    $('textarea')
    .autosize();
于 2013-04-11T18:14:39.433 回答
3

使评论成为将来参考的答案:

结帐jquery-autogrow

于 2013-04-11T18:14:47.640 回答