Template.subscriptionReady 和语义 UI 手风琴模块答案

【问题标题】：Template.subscriptionReady and Semantic UI Accordion ModuleTemplate.subscriptionReady 和语义 UI 手风琴模块
【发布时间】：2016-09-04 16:39:57
【问题描述】：

我正在使用 Meteor 和语义 UI，并且我有一个想要在手风琴中显示的项目列表。

手风琴本身工作得非常好，直到我用{{#if Template.subscriptionsReady}} 包裹它。比它不再起作用了。

初始化的手风琴：

Template.register.rendered = function() {
    this.$('.ui.accordion').accordion();
}

问题：如何在 {{#if Template.subscriptionsReady}} 中使用语义 UI 手风琴？

【问题讨论】：

是不是手风琴在模板渲染的时候需要运行一些代码？
不，它只显示按 A - Z 排序的条目索引，每个字母都有一个手风琴。喜欢：{{#if Template.subscriptionsReady}} {{#each vocabulary}} // accordion code {{/each}} {{/if}}。但是，如果我像这样将“每个”包装在 subscriptionReady 中，那么当我点击它时手风琴不会打开。

标签： javascript meteor accordion meteor-blaze semantic-ui

【解决方案1】：

由于模板呈现时订阅尚未准备好，$('.ui.accordion') 不会选择任何内容，因为该元素位于 {{#if Template.subscriptionsReady}} 块内。

您需要等待订阅准备就绪，然后运行this.$('.ui.accordion').accordion()。

【讨论】：

感谢您的提示！ This post 给了我解决方案。