Jquery (metis-menu) 在 meteor 中不能与 iron:router 一起工作

Question

我正在尝试实现侧边栏（利用 sb-admin-2 中的侧边栏当我使用侧边栏作为 main.html 的一部分时，切换开关工作得很好。但是，当我通过 iron：router 实现相同的功能并将侧边栏设置为持久时，侧边栏会丢失切换/隐藏功能。基本上，子级别元素总是被扩展，我没有办法隐藏这些子级别元素。有没有解决方法？

我在这里的糊状物中有侧条形码 ->这在 client/main.html 中有效

但是当我从这样的模板中尝试相同的操作并通过以下代码将其传递给 iron：router 时，切换功能丢失了

路由器.js：

Router.configure({
      layoutTemplate: 'sidebar'
});

我在这个类似的问题中读到这与渲染的回调有关，但我不确定如何让它在这里工作。

Answer 1

这就是我解决它的方式。

AppLayout ：

<template name="Index">
    <div id="wrapper">
        <!-- Navigation -->
        {{> navigationBar}}
        {{> Sidebar}}
        <div id="page-wrapper">
            <div class="row breadcrumbPosition">
                {{> breadcrumb}}
            </div>
            <!-- /.row -->
            <div class="row">
                <div class="col-xs-9 blockablelockable">
                    {{> yield}}
                </div>
            </div>
          </div>
        <!-- /#page-wrapper -->
    </div>
    <!-- /#wrapper -->
</template>

Sidbar.html 是一个具有原始侧边栏实现的模板。

SidebarHelper.js 在 onRendered 中包含一个 functino，它初始化 metis 菜单，如下所示：

Template.Sidebar.onRendered( function(){
    $('.metisMenu').metisMenu({
      toggle: true // disable the auto collapse. Default: true.
    });
});