jQuery的(梅蒂斯菜单)不宜与铁工作:路由器流星(Jquery (metis-menu) not

2019-09-27 15:57发布

我想实现一个侧边栏(利用从侧边栏SB-管理-2当我使用侧栏为main.html中的一部分,切换完全正常工作。然而,当我通过铁实现相同的:路由器和设置侧边栏是持久的,侧边栏失去拨动/隐藏功能。基本上,子级元素总是被扩大,我也没办法隐藏这些子级别的元素。有一个变通这样做呢?

我在这里已经侧面条形码pastie - >这个工作在客户端/ main.html中时

但是,当我尝试同样从这样一个模板中这并把它传递给铁:通过下面的代码路由器,切换功能将丢失

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包含在functino onRendered它初始化梅蒂斯菜单,如下所示:

Template.Sidebar.onRendered( function(){

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


文章来源: Jquery (metis-menu) not working with iron:router in meteor