Question

我正在尝试实现一个侧边栏（利用sb-admin-2的侧边栏当我使用侧边栏作为main.html的一部分时，切换工作完全正常。但是，当我通过铁实现相同的时候：路由器并将侧边栏设置为持久性，侧边栏失去了切换/隐藏功能。基本上，子级元素总是被扩展，我无法隐藏这些子级元素。有没有解决这个问题？

我在pastie - ＆gt;这里有条形码。这在client / main.html

中有效

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

router.js：

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

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

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.
    });
});

Jquery（metis-menu）不使用铁：流星中的路由器

1 个答案: