2014-11-24 23 views
0

我有Meteor項目並想使用Themeroller的主題,尤其是Tabs-widget。Themeroller jQuery腳本在#if當前用戶不能與流星一起使用

一切都很好,直到我添加{{#if currentUser}} {{/ if}}圍繞選項卡div。而不是獲取標籤,我只得到普通列表。

移動{{#如果currentUser}}作品後,但我想完全地隱藏選項卡,如果用戶沒有登錄。

什麼在阻止標籤窗口小部件在這種情況下工作?

這不起作用: tabsTemplate.html

<template name="tabit"> 
{{#if currentUser}} 
    <div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">First</a></li> 
    <li><a href="#tabs-2">Second</a></li> 
    <li><a href="#tabs-3">Third</a></li> 
    </ul> 
    <div id="tabs-1"> 
    {{> selector}} 
    </div> 
    <div id="tabs-2"> 
    {{> counter}} 
    </div> 
    <div id="tabs-3">Nam dui erat</div> 
</div> 
{{/if}} 
</template> 

tabsTemplate.js

if (Meteor.isClient) { 
    $(function() { 
    $("#tabs").tabs(); 
    }); 
} 

回答

0

這樣做:

Template.tabit.rendered = function() { 
    $(function() { 
     $("#tabs").tabs(); 
    }); 
} 

該執行代碼時,模板被渲染和不是當流星加載時