Semantic Ui Dropdown Function 抛出模板功能

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

当你想初始化外部插件（语义-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);
    }
  });
});

Semantic Ui Dropdown Function 抛出模板功能

SemanticUi Dropdown Function Throws off template function

javascript

jquery

meteor

semantic-ui