Rick, I use jquery-ui (as well as other jQuery-based plugins) with a meteor effect. Typically, I will give the element its jquery-ui-ness when the corresponding template was displayed, for example (in coffeescript):
# 'this' references the template Template.listOne.rendered = -> $(this.firstNode).find('ul.connectedSortable').sortable connectWith: '.connectedSortable' Template.listTwo.rendered = -> $(this.firstNode).find('ul.connectedSortable').sortable connectWith: '.connectedSortable'
or you can make the element sorted after some event, for example:
# 'this' now equals Window, so we must find the list from the event target Template.listOne.events 'click button': (e) -> $(e.target).parent().find('ul.connectedSortable').sortable connectWith: '.connectedSortable'
source share