SemanticUi下拉功能抛出模板函数

Question

语义UI Dropdown function抛出我的模板事件函数。

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>$('.ui.dropdown').dropdown();</script>

模板事件：

'change #foo': function(e){
  var selected = $(e.target).val();
  console.log(selected);
}

如果我注释掉脚本，在主页模板中，我会收到我的日志消息，但如果没有注释则不会。有什么黑客围绕这个？

Answer 1

当你想初始化外部插件（semantic-ui下拉列表）时，你应该在onRendered内部启动它，这里是我使用onChange回调的下拉插件的选项

http://semantic-ui.com/modules/dropdown.html#/settings

这样的事情：

Template.name.onRendered(function () {
  $('.ui.dropdown').dropdown({
    onChange: function (val, text) {
        console.log(val);
    }
  });
});