javascript - 物化下拉列表不采用 meteor 模板中的选项

所以，我在一个网站上使用Meteor和物化css，并试图在导航栏中实现一个下拉菜单，它在悬停而不是点击时激活。
我的档案是这样的：
HTML格式：

  <ul id="dropdown1" class="dropdown-content">
    <li><a href="#">Option 1</a></li>
    <li><a href="#">Option 2</a></li>
    <li><a href="#">Option 3</a></li>
  </ul>

  <nav>
    <div class="nav-wrapper">
      <ul class="left hide-on-med-and-down">
        <li><a href="/">Home</a></li>
        <li><a class="dropdown-button" href="#" data-activates="dropdown1">Services
          Available</a></li>
      </ul>
    </div>
  </nav>

</template>

JS公司：

Template.nav.onRendered(function () {
  $(".dropdown-button").dropdown({
    hover: true
  });
});

（编辑）我当时的印象很简单，因为我误解了一些事情，认为$(".dropdown-button").dropdown()没有做任何事情。不过，它正在激活下拉列表。它只是没有选择hover: true选项，或者任何其他选项。为什么不登记？我遗漏了什么吗？我所做的研究表明，如果不调用.dropdown()，下拉列表就根本不起作用。我需要能把选择权交给它，但我似乎无法让它发挥作用。
我用template.onRendered()安装的一些东西：
第47章：scss
物化：物化v0.97.7（0.97.8崩溃
流星，目前）
熨斗：路由器
在最初发布这个问题之后，我做了更多的研究，我被引导到this post。正如这个答案所暗示的，我非常确信我所面临的问题与do m就绪性有关，但我有点迷失了。我试过使用meteor add，但似乎没有任何帮助，所以我仍然被卡住。
非常感谢您的帮助，谢谢。

最佳答案

因为“hover”需要用引号括起来。这只是JSON中的语法错误。

  $(".dropdown-button").dropdown({
    "hover": true
  });

我用物化1.0.0-Beta测试了这个。