在 Meteor 中调整文本区域的大小

Question

我正在尝试创建一个编辑页面，用户可以在其中编辑他的内容在调整大小以适合内容的文本区域中，我正在使用此插件来做到这一点：http : //www.jacklmoore.com/autosize/

但是当我访问编辑页面时，textarea 不会调整大小以适应内容，只有当我手动刷新页面时才会发生这种情况。这是代码：

<template name="postEdit">
    <textarea autofocus name="content" type="text" value="">{{content}}</textarea>
</template>

Template.postEdit.rendered = function() {
     $('textarea').autosize(); 
};

我也尝试过 Meteor.defer，但它不起作用：

Template.postEdit.rendered = function() {
    Meteor.defer(function() {
    $('textarea').autosize();
 });     
};

当我手动刷新页面并且 textarea 最终调整大小时，textarea html 为此更改：

<textarea class="review" name="review" type="text" value="" placeholder="Blablabla" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 664px;"></textarea>

我的代码有问题还是我的方法有问题？

谢谢。

Answer 1

正如jQuery Autoresize 的“已知问题和解决方案”文档中所述，您可能想要执行以下操作：

Template.hello.rendered = function(){
    $('textarea').autosize().show().trigger('autosize.resize');
}