jQuery Autogrow和Autosize - 它们不适用于我的输入

Question

这是我尝试使用的两个脚本。我只需要一个工作，但现在我无法得到：

• autogrow
• autosize

---

在我的head元素中，我调用了脚本：

        <script src="js/jquery.autosize.js"></script>
        <script src="js/autogrow.js"></script>

这是我正在处理的元素。它不是通过data-integer-question或id分配autoresize（下面）的选项。

<form method="post" action="submit.php" class="questionformcss">
<input type="text" name="username" class="questioninputcss" data-integer-question="863">    
</form>

在我的页面底部，我使用这个jQuery来调用它们：

$(document).ready(function(){
    $('.questioninputcss').autogrow();
});

我也试过autosize而不是自动增长。

在这两种情况下，添加文本时表单都会调整大小。使用自动增长功能时，表单右下角应该是一个图标，可以让您手动调整大小 - 这是不存在的。

我的控制台没有错误。

-

在autogrow的案例中，我也试过调用每个脚本：

<script src="js/jquery.autosize.js"></script>
<script src="js/autogrow.jquery.json"></script>
<script src="js/autogrow.min"></script>

Answer 1

上述插件仅适用于textarea自动增加。 如果你想为输入字段自动增加，请使用此插件： https://github.com/MartinF/jQuery.Autosize.Input

以下是工作演示：Fiddle

<input type="text" value="" placeholder="Autosize" data-autosize-input='{ "space": 40 }' />

---

$(function() {
    $("input").autosizeInput();
});