2

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

我检查了这些解决方案，但都没有为我工作（第一个仍然在我的代码中）。

我的代码可以在这里找到，index.html使用 Ember，grid.html不使用 Ember。

如果您有任何见解或问题，请告诉我。

4

1 回答 1

2

下拉悬停行为来自 CSS。Ember 在此错误中没有任何作用。:)

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

我更改了内部的 CSS 链接标签，index.html以使用 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，并从那里自定义它。

于 2013-08-03T15:54:08.250 回答