2016-01-30 38 views
0

我知道类似的问题(处理Meteor Blaze模板和JQuery)已经被问到这里,但我尝试了很多解决方案,但它没有奏效。流星不能用MongoDB中的数据渲染模板后激活元素

这是我的流星和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> 

我拉的物品(如水果在这个例子中的列表中动态地从蒙戈集合是这样的:

Template.fruits.helpers({ 
    "fruits": function() { 
    return fruits.find(); 
    } 
}); 

我使用语义UI模块来为我的下拉列表添加样式,并添加一个搜索功能,您可以在select元素的类中看到 只有在从数据库中提取数据并呈现所有选项后,才需要使用JQuery激活语义下拉模块

但是我的下拉组件总是空的(semantic-ui没有显示任何选项),因为这些选项在JQuery激活下拉列表后呈现。

,我试图将第一溶液把这个我的身体标记之前:

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

但它不工作。

其他的解决方案,我发现这里和我曾尝试新增这对我的JavaScript文件:

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

但第二个解决方案不工作也没有。

回答

相关问题