5

textarea 要素に固定幅を設定した場合、高さのデフォルトをすべてのコンテンツが収まるサイズに設定するエレガントな方法はありますか?

text.length を比較して値を高さと同等にしようとする jquery でのハードコーディングを避けたいと思っていましたが、それが唯一の方法かもしれません。可能であればネイティブの CSS ルールを見たいのですが、できます頭のてっぺんから何も考えていないようです。

私が達成しようとしていることを示すフィドルを作成しました。 http://jsfiddle.net/edZgm/

コードは次のとおりです。

CSS:

textarea {
    overflow: hidden;
}

JQuery:

$('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 に答える