2016-01-30 41 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(); 
    }); 
    }; 

但第二個解決方案不工作也沒有。

回答

相關問題