Добавление пользовательского интерфейса JQuery Resizable после добавления объекта в Meteor

Question

Когда я добавляю объект в список объектов JQuery Resizable в моем приложении Meteor, объект не переоценивается, пока я не обновляю страницу.

Какое слушание событий или что-то нужно добавить и где?

Я понял, что мой код не нужен для этого вопроса, но я обязательно его поправлю, если потребуется.

Спасибо, --Nick

EDIT: Примечание для будущих читателей этого вопроса (если таковые имеются), я решил пойти с ryanswapp: interactjs. Работал прямо из коробки. Чем меньше JQuery, тем лучше (на мой взгляд).

Answer 1

Самый надежный способ инициализации элементов пользовательского интерфейса в списке является создание шаблона для каждого элемента, а затем использовать onRendered событие шаблона для выполнения функции.

list.html

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

элемент-template.html

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

пункт-template.js

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