Question

当我减小屏幕尺寸并切换到移动视图时，菜单切换按钮不会打开菜单，而是将我带到主页面。

<nav class="top-bar" data-topbar>
  <ul class="title-area">
    <li class="name">
      <h1>{{#link-to 'index'}}Welcome :{{/link-to}}</h1>
    </li>
    <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
  </ul>
  <section class="top-bar-section">
    <ul class='right'>
      <li>
        {{#link-to 'main.users'}}Users{{/link-to}}
      </li>
      <li>
        {{#link-to 'main.org'}}Organizations{{/link-to}}
      </li>
    </ul>
  </section>
</nav>

Answer 1

如果您在application.hbs中有导航，则可以在应用程序视图中使用didInsertElement挂钩来连接基础事件。

你需要加载基础依赖，我有这个答案here。

App.ApplicationView = Em.View.extend({

  didInsertElement: function() {
    this.$().foundation('topbar');
  },

  willDestroyElement: function() {
    this.$().foundation('topbar', 'off');
  }
});

这是一个有效的JSBin

干杯

Ember.js和Zurb Foundation 5 - 导航菜单切换进入主页并且不切换。

1 个答案: