【问题标题】:JQuery - Snap text area to content sizeJQuery - 将文本区域捕捉到内容大小
【发布时间】:2014-08-22 21:13:08
【问题描述】:

我有一个 div,用户可以点击一个按钮使 div 变大并变得可编辑:

$('#t4_post_item_' + $number).css("height", "500px");

当用户再次单击按钮时,div 需要快速恢复到可能的最小尺寸,这可能与原始尺寸不同,因为用户将输入一些文本。

如何根据 textarea 中的内容使 textarea 恢复到可能的最小大小?

例子:

textarea 的高度从 200px 开始,然后在单击按钮时增长到 500px,然后用户输入一堆文本,占用了 .. 324px,我怎样才能捕捉到那个可变大小?

【问题讨论】:

    标签: javascript jquery html css


    【解决方案1】:

    使用 auto 应该适合你:

    $('#t4_post_item_' + $number).css("height", "auto");
    

    小提琴:http://jsfiddle.net/xbtqmo0a/

    【讨论】:

    • 它肯定不能正常工作 - 当我使用 auto 时,它只会恢复到原始大小而不是新的自动大小
    • 这是一个小提琴:jsfiddle.net/xbtqmo0a 如果这与你想做的太远了,你能自己做一个小提琴让我看看吗?
    • 我已将其更改为 而不是 div,这似乎导致了调整大小问题,您的 div 确实可以正常工作 - 我刚刚意识到我认为它是不可调整大小的......我认为它与该属性有关,会玩一下它
    • 好的,祝你好运。 Textarea 可能是一场完全不同的战斗,请参阅this related question
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-24
    • 1970-01-01
    • 2020-10-19
    • 1970-01-01
    相关资源
    最近更新 更多