Themeroller jQuery 脚本在 #if currentUser 内部时不适用于 Meteor

Question

我有 Meteor 项目，想使用 Themeroller 的主题，尤其是开始使用的 Tabs-widget。

在我在标签 div 周围添加 {{#if currentUser}} {{/if}} 之前，一切都运行良好。我得到的只是普通列表，而不是标签。

工作后移动 {{#if 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();
  });
}

Answer 1

这样做：

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

这会在模板渲染时执行代码，而不是在加载流星时执行代码