将javascript应用于生成的内容

时间:2015-08-23 11:07:25

标签: javascript meteor semantic-ui

作为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下拉方法,因此我的左侧标签不是下拉列表。

如果您对我的构思有任何建议,我很乐意向比我更有经验的人学习。

0 个答案:

没有答案