在安装 iron:router 后，Materialize 侧边栏导航停止工作流星应用程序

Question

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

我首先用 materialize starter 模板替换了默认的流星应用程序。

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

完成这项工作的关键似乎是安装此 javascript 代码

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

目前一切顺利

但是……

接下来，我在我的项目中安装了添加的 iron:router，在定义路由（和模板）之后，我可以再次看到起始模板页面，但是当我“单击”汉堡图标时，sideNav 栏不再触发。

如何恢复正常工作的导航侧边栏？

Answer 1

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

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

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

应该这样做。