作为Meteor的新手,我遇到了一个问题,我在使用Helper“即时”生成输入时遇到了这个问题。实际上,我正在尝试做的是生成带有下拉列表的左侧标记输入,但问题是我必须调用方法$('.ui.dropdown').dropdown();
使用相应的下拉列表创建每个输入后,我不知道如何使用语义UI和Meteor环境正确地完成它。 这是我的助手创建输入:
'filterColumns': function() {
return Session.get('s_filterColumns');
}
其中's_filterColumns'是一个类似["Firstname", "Lastname", "LivingPlace"]
以下是使用帮助程序生成输入的HTML模板:
<div id="fields">
<div class="ui grid">
{{#each filterColumns}}
<div class="eight wide column">
<label>{{this}}</label>
<div class="ui left labeled input">
<div class="ui dropdown label">
<div class="text">Start by</div>
<i class="dropdown icon"></i>
<div class="menu">
<div class="item">Start by</div>
<div class="item">Contains</div>
<div class="item">End by</div>
</div>
</div>
<input type="text">
</div>
</div>
{{/each}}
</div>
</div>
但是,当使用新内容填充会话变量时,会相应地创建输入,但不再调用javascript下拉方法,因此我的左侧标签不是下拉列表。
如果您对我的构思有任何建议,我很乐意向比我更有经验的人学习。