在 Meteor 中添加对象后添加可调整大小的 JQuery UI

Question

当我在 Meteor 应用程序中将对象添加到 JQuery Resizable 对象列表时，该对象在我刷新页面之前无法重新调整大小。

我应该添加什么样的事件监听器或其他东西，在哪里？

我认为这个问题不需要我的代码，但如果需要，我一定会提供。

谢谢， --尼克

编辑：我决定为这个问题的未来读者（如果有的话）做一个说明 与 ryanswapp:interactjs 一起使用。开箱即用。越少 JQuery 更好（在我看来）。

Answer 1

在列表中初始化 UI 元素最可靠的方法是为每个项目创建一个模板，然后使用模板的onRendered 事件来执行函数。

list.html

...
<ul>
    {{#each items}}
        {{> ItemTemplate}}
    {{/each}}
</ul>
...

item-template.html

<template name="ItemTemplate">
    <li>
        <div class="resizable">
            {{content}}
        </div>
    </li>
</template>

item-template.js

Template.ItemTemplate.onRendered(function() {
    this.find('.resizable').resizable();
});