Zurb Foundation下拉菜单不适用于Meteor

Question

I'm trying to use a dropdown menu with Meteor, but it's now working. I don't know if it's related with the packages that I have installed:

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

Here is the dropdown example:

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

What might be the problem? The console prints this error: Uncaught TypeError: Cannot read property 'is_hover' of undefined

Thanks.

Answer 1

您可以在呈现的模板上执行$（'document'）。foundation（'reflow'），如下所示： zf5.meteor.com

Answer 2

This works great using the zurb-foundation package you linked to:

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