Javascript 物化下拉列表不接受Meteor模板中的选项

因此，我正在使用Meteor和Materialize css开发一个网站，并尝试在导航栏中实现一个下拉菜单，它在悬停时而不是单击时激活

我的文件是这样保存的：

HTML:

（编辑）我有一个简单的印象，因为我误解了，

$（“.dropdown button”）.dropdown（）

什么也没做。但是，它正在激活下拉列表。它只是没有使用

hover:true

选项或任何其他选项。为什么不注册？我错过什么了吗？我所做的研究表明，如果没有在

template.onRendered（）

中调用

.dropdown（）。我需要能够将选项传递给它，但我似乎无法让它工作

我用meteor add安装的一些东西：


四七：scss
具体化：具体化v0.97.7（0.97.8）
流星（目前）
铁：路由器

在最初发布这个问题之后，我做了更多的研究，我被引导到。正如这个答案所暗示的，我非常确信我所面临的问题与DOM就绪性有关，但我有点迷茫。我试着使用Tracker.afterFlush（）

，但似乎没有任何帮助，所以我还是被卡住了

---

非常感谢您提供的任何帮助。

请确保包含Jquery。这可能是导致问题的原因

我会发表评论，但没有足够的代表。

我想出来了

---

我感到非常沮丧，我试图将Materialize从

v0.97.7

降级到

v0.97.0

，因为版本8给了我麻烦。现在（就像魔术一样）一切都正常了！我希望这对将来的人有所帮助。

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

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

---

我用materialize 1.0.0-Beta测试了这一点。

谢谢你的建议<代码>控制台.log（$（“.dropdown按钮”）插入

nav.onRendered（）

成功地将元素打印到控制台，因此jQuery肯定可以工作。

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

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