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

Adding JQuery UI Resizable after Adding Object in Meteor

本文关键字：添加 可调整 对象 JQuery UI Meteor      更新时间：2023-09-26

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

我应该添加什么样的事件监听器或其他内容，以及在哪里添加？

我认为我的代码不是这个问题所必需的，但如果有人要求，我一定会把它放上去。

谢谢，--Nick

编辑：我决定给未来读者一个关于这个问题的提示（如果有的话）与ryanswapp合作：interactjs。开箱即用。越少JQuery越好（在我看来）。

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

list.html

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

项目模板.html

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

项目模板.js

Template.ItemTemplate.onRendered(function() {
    this.find('.resizable').resizable();
});
相关文章：