jQuery Autoresize插件不会在表单内的textarea上工作

时间:2014-08-20 05:05:30

标签: javascript jquery forms

我在表单元素中有一个textarea,我希望它使用这个jquery插件自动调整大小,但是当我在一个具有id的表单中使用它时它不会工作。这是表格,

<form method="post" action="index.php" id="Form">
    <fieldset>
        <div class="input-group">
            <textarea cols="150" rows="1" style="resize: none;" placeholder="Comment..." class="form-control" type="text" id="commentBox1" name="comment"></textarea>
        </div>
        <input type="hidden" id="hidden" value="'.$statusID.'" name="sID">
    </fieldset>
    <input class="Link LButton" type="submit" value="Add comment" name="sComment" />
</form> 

如果表单没有ID,textarea会调整大小,如果有,那么它就不会有。

1 个答案:

答案 0 :(得分:0)

使用 jQuery 自动调整大小插件:https://github.com/jackmoore/autosize并使用

$('textarea').autosize();

适用于我。 MacOS Chrome。

您使用的是哪个autoresize库?此外,您的代码未包含使用 textarea 字段初始化插件的调用。请同时包含相关的 JavaScript 代码?