Zurb Foundation 下拉菜单不适用于 Meteor答案

【问题标题】：Zurb Foundation dropdown menu isn't working with MeteorZurb Foundation 下拉菜单不适用于 Meteor
【发布时间】：2014-06-13 07:25:41
【问题描述】：

我正在尝试使用 Meteor 的下拉菜单，但它现在可以使用。不知道是不是和我安装的包有关：

https://atmosphere.meteor.com/package/zurb-foundation

https://atmosphere.meteor.com/package/iron-router

https://atmosphere.meteor.com/package/accounts-entry

https://atmosphere.meteor.com/package/iron-router-progress

这是下拉示例：

<section class="top-bar-section">
        <ul class="right">
          <li class="has-dropdown">
            <a href="#">user</a>
            <ul class="dropdown">
              <li><a href="#">Contact</a></li>
              <li><a href="#">Friends</a></li>
            </ul>
          <ul class="dropdown">
              <li><a href="#">Contact</a></li>
            </ul>
          </li>
        </ul>
      </section>

可能是什么问题？控制台打印此错误：Uncaught TypeError: Cannot read property 'is_hover' of undefined

谢谢。

【问题讨论】：

不看代码很难说。
我已经用代码更新了问题。我在没有流星的情况下测试了代码，它运行良好。
您确定您遵循的是基础 5.0 示例/文档吗？您的 html 看起来与我在这里看到的示例非常不同：foundation.zurb.com/docs/components/dropdown.html

标签： javascript meteor zurb-foundation meteorite iron-router

【解决方案1】：

你可以像这里一样在渲染模板上做 $('document').foundation('reflow')：zf5.meteor.com

【讨论】：

这似乎有效。具体来说：$(document).foundation('topbar', 'reflow');

【解决方案2】：

使用您链接到的 zurb-foundation 包非常有用：

  <section class="top-bar-section">
    <ul class="right">
      <li class="has-dropdown">
        <a href="#" data-dropdown="drop1">user</a>
        <ul id="drop1" class="f-dropdown" data-dropdown-content>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Friends</a></li>
        </ul>
      </li>
    </ul>
  </section>

【讨论】：

感谢您的回答，我已经尝试了您建议的代码，但它不起作用。控制台打印此错误：Uncaught TypeError: Cannot read property 'is_hover' of undefined
听起来您的项目中还有其他问题。如果你创建一个新的流星项目，添加 zurb-foundation 包，然后将此代码复制到它应该可以工作的 .html 文件中——至少它对我有用。
可能是其他包的问题？
也许最简单的找出方法是新建一个项目，然后添加此代码，然后一个一个添加包，看看何时出现错误。这应该很快。