Javascript Meteor无法在使用MongoDb中的数据呈现模板后使用JQuery激活元素

我知道这里也有人问过关于Meteor Blaze模板和JQuery的类似问题，但我尝试了许多解决方案，但都没有成功

这是我对Meteor和JQuery的问题。 我有一个名为“水果”的流星火焰模板：

<template name='fruits'>
    <select class="ui search dropdown" id='fruits'>
        <option value="">Fruit</option>
        {{#each fruits}} 
        <option value="{{id}}">{{name}}</option>
        {{/each}}
    </select>
</template>

我正在使用语义ui模块设置下拉列表的样式，并添加一个搜索功能，正如您在select元素的类中所看到的那个样。 只有在从数据库中提取数据并呈现所有选项之后，我才需要使用JQuery激活语义下拉模块

但是“我的下拉列表”组件总是空的。语义ui没有显示任何选项，因为这些选项是在JQuery激活下拉列表之后呈现的

我尝试的第一个解决方案是在我的身体标签前加上：

<script>
    $(document).ready(function(){
        $('#fruits').dropdown();
        }
    );
</script>

但第二种解决方案也不起作用

必须侦听onRendered回调

---

不起作用。对元素的jQuery访问在onRendered中无效。

<script>
    $(document).ready(function(){
        $('#fruits').dropdown();
        }
    );
</script>

 Template.fruits.rendered = function (){
    $( document ).ready(function() {
        console.log( "ready!" );
        $('#fruits').dropdown();
    });
  };

<template name="myPictures">
  <div class="container">
    {{#each pictures}}
      <img class="item" src="/{{.}}"/>
    {{/each}}
  </div>
</template>

Template.myPictures.onRendered(function () {
  // Use the Packery jQuery plugin
  this.$('.container').packery({
    itemSelector: '.item',
    gutter: 10
  });