javascript - 从 PHP 加载值时，textareas 的 autosize.js 中存在错误

Question

我正在尝试创建一个网络表单，该表单可以选择重新加载以前保存的数据。

问题在于，当保存并重新加载输入到自动调整大小的文本区域中的大字符串文本时，它会向文本区域添加大量空白。 [请参阅下面的保存前和加载后图片]

保存之前:

加载后:

表单数据通过 PHP 注入(inject)值来加载，如下例所示:

<textarea class='animated' name="courseTitle" id="courseTitle"><?PHP echo ($_POST['courseTitle']) ?></textarea>

可以在此链接中查看该表格。 http://pansycheung.com/forms/NewCourseProposal.php?C2EF=0

数据可以加载到下表中的表单中(位于表单页面底部)。

加载表:

选择要加载的第一个文件

"Phillip Test EECS3603"

执行以下操作之一时，空白会消失。

• 在测试区域中输入内容
• 或在浏览器中调整缩放

任何有关调试建议的帮助都会非常棒。

前往 ttp://pansycheung.com/forms/NewCourseProposal.php?C2EF=0 测试表单。

谢谢!

Answer 1

使用 jQuery，您是否尝试过“触发”自动调整大小？

$('#courseTitle').trigger('autosize.resize');

您最初必须初始化自动调整大小；

$('#courseTitle').autosize();

如果仍然不起作用，请尝试将“触发”自动调整大小放入 setTimeOut() 中；

setTimeout(function(){ 
    $('#courseTitle').trigger('autosize.resize');
}, 1000);