物化侧栏导航在安装铁：路由器在流星应用程序后停止工作

Question

我尝试使用Materialise（http://materializecss.com）构建Meteor应用程序作为样式框架。

我首先使用materialize starter模板替换默认的meteor应用程序。

当浏览器窗口充分缩小时，导航栏项目缩小为“汉堡包”图标，但当您点击它时，项目会显示。

使这项工作的关键似乎是安装这个javascript代码

if (Meteor.isClient) {
            
    Meteor.startup(function () { 
        $(".button-collapse").sideNav(); 
    });
}

到目前为止一切顺利

但是...

接下来我添加了铁：路由器到我的项目，在定义路线（和模板）后，我可以再次看到启动器模板页面，但是当我点击汉堡包图标时不再触发sideNav栏。

如何恢复正常运行的导航边栏？

Answer 1

最简单的答案是在找到按钮的模板的$(".button-collapse").sideNav();事件函数中进行onRendered()调用：

<template name="navigation">
  ...
  <a class="button-collapse">...</a>
  ... 
</template>

Template.navigation.onRendered(function(){
   $(".button-collapse").sideNav();
});

这应该这样做。