Question

我正在尝试在Ember应用程序中使用Foundation框架。我遇到的问题是导航栏下拉菜单。将基础布局放置在车把模板中时，导航栏不再适用于悬停或单击。但是，如果缩小窗口以显示移动版本，则导航栏会单击。我很确定它不是基础代码，因为没有Ember的常规HTML中的代码相同。

我检查了these solutions，但两个都没有为我工作（第一个仍然在我的代码中）。

我的代码可以找到here， index.html 使用Ember和 grid.html 不使用Ember。

如果您有任何见解或疑问，请告知我们。

Answer 1

下拉悬停行为来自CSS。 Ember没有参与这个bug。：）

我注意到grid.html使用了基金会网站上的CSS，而index.html使用了本地文件中的CSS。我认为你的基础CSS文件版本不匹配。

我更改了index.html中的CSS链接标记，以便在grid.html上使用基础标记。这解决了这个问题。

<!--<link rel="stylesheet" href="css/normalize.css">-->
<!--<link rel="stylesheet" href="css/style.css">-->
<!--<link rel="stylesheet" href="css/foundation.css">-->
<link rel="stylesheet" href="http://foundation.zurb.com/page-templates4/css/normalize.css">
<link rel="stylesheet" href="http://foundation.zurb.com/page-templates4/css/foundation.css">

我建议从基础网站下载工作CSS，然后从那里进行自定义。

Ember.js中的Foundation.js下拉菜单

1 个答案: