Javascript 语义下拉函数抛出模板函数
我的模板事件函数的语义UI抛出 Meteor 1.2中的设置: 主模板:Javascript 语义下拉函数抛出模板函数,javascript,jquery,meteor,semantic-ui,Javascript,Jquery,Meteor,Semantic Ui,我的模板事件函数的语义UI抛出 Meteor 1.2中的设置: 主模板: <select id="foo" class="ui dropdown"> <option value="">Gender</option> <option value="1">Male</option> <option value="0">Female</option> </select> <script&g
<select id="foo" class="ui dropdown">
<option value="">Gender</option>
<option value="1">Male</option>
<option value="0">Female</option>
</select>
<script>$('.ui.dropdown').dropdown();</script>
'change #foo': function(e){
var selected = $(e.target).val();
console.log(selected);
}
如果我在主模板中注释掉脚本,我会得到我的日志消息,但如果没有注释,则不是这样。这方面有什么问题吗?当你想初始化外部插件(语义ui下拉菜单)时,你应该在
onRendered
中初始化它,下面是我使用的onChange
回调的下拉插件的选项
大概是这样的:
Template.name.onRendered(function () {
$('.ui.dropdown').dropdown({
onChange: function (val, text) {
console.log(val);
}
});
});
尝试添加下拉列表init
$('.ui.dropdown').dropdown()
到模板.onRendered
并侦听更改事件,您可能需要检查语义,因为它们可能有不同的侦听更改的方法,您也可以在onRendered函数中执行此操作抱歉,标记。我有点新。我已经创建了Template.name.onRendered({})代码>,将脚本移到了内部,但仍然没有任何内容?添加了一个答案,以帮助您了解示例谢谢。我在手机上,一两个小时后会试试这个。工作起来很轻松!谢谢