javascript - Jquery(metis-menu)不适用于iron :router in meteor

Question

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

我的侧面条形码位于 pastie --> 这在 client/main.html 中有效

但是当我在模板中尝试相同的操作时，例如 this并通过以下代码将其传递给iron:router，切换功能将丢失

router.js:

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

我读过类似的question这与渲染的回调有关，但我不确定如何让它在这里工作。

Answer 1

我就是这样解决的。

应用程序布局:

<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 中包含一个函数，它初始化 metis 菜单，如下所示:

Template.Sidebar.onRendered( function(){

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