Где я должен инициализировать выбор при использовании Materialize и Meteor?

Question

Я пытаюсь использовать Materialize Forms на Meteor. На странице своего материализуются в это говорит, что я должен инициализировать «выбрать» поле ввода, как это:

$(document).ready(function() { 
    $('select').material_select(); 
}); 

Я попытался назвать это на Meteor.startup, Template.body.created - ничего не получалось. Я получаю следующее сообщение об ошибке:

undefined is not a function (evaluating '$('select').material_select()')

Где его инициализировать?

Answer 1

Использование в шаблоне .renderedcallback

<template name="hello"> 
    <select><option>...</option></select> 
</template> 

Тогда вы можете иметь это в ваших JS файл

Template.hello.onRendered(function() { 
    $('select').material_select(); 
}); 

шаблон добавляется к телу, скорее всего, после оказанной уже уволили Так вот почему тело оказано не работает. Если вы используете .created, DOM пока не отображается.

Answer 2

Ответ Akshat верен, но если он по-прежнему не работает для вас, может возникнуть проблема с подпиской, которая не уволена или не всякая необходимая часть DOM beeing rendered. Затем используйте afterflush.

Template.listing.onRendered(function() { 
    var template = this; 

    template.subscribe('listOfThings', function() { 
    Tracker.afterFlush(function() { 
     template.$('select').material_select(); 
    }); 
    }); 
}); 

Вот это разговор о том, что: https://github.com/meteor/meteor/issues/4401#issuecomment-103340262

И документы: http://docs.meteor.com/api/tracker.html#Tracker-flush