javascript - 安装 iron :router in meteor app 后 Materialise 侧边栏导航停止工作

Question

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

我首先用 materialize 入门模板替换了默认的 meteor 应用程序。

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

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

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

目前一切顺利

但是……

接下来，我在我的元素中安装了 iron:router，在定义了路由(和模板)之后，我可以再次看到入门模板页面，但是当我“点击”汉堡包图标时，sideNav 栏不再被触发。

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

Answer 1

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

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

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

应该这样做。