javascript - Zurb Foundation 下拉菜单不适用于 Meteor

Question

我正在尝试使用 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

谢谢。

Answer 1

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

Answer 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>