html - 以不同方式处理 2 个 CSS 文件时，Foundation4 Dropdown 不关闭

Question

我有 2 个 CSS 文件(从 SASS 编译)代表 RTL 和 LTR 设计。我还有 2 个单独的 HTML 文件，每个文件都有自己对 CSS 文件的引用:

右图:

<link rel="stylesheet" href="/css/ltr/app.css" />

左转:

<link rel="stylesheet" href="/css/rtl/app.css" />

下拉列表在两个 HTML 文件中以相同的方式表示:

<a href="#" data-dropdown="some-dropdown" class="tiny content radius button dropdown">

使用 RTL CSS 文件时，下拉菜单工作正常。但是当使用 LTR 时，无论我点击哪里，它都会保持打开状态。

有什么想法吗？

谢谢，

达娜

Answer 1

好吧，这似乎是 Foundation Dropdown 问题。

我刚刚将以下代码添加到 foundation.js 文件(而不是 Foundation.rtl = true;):

if (document.documentElement.dir == 'rtl'){Foundation.rtl = true;}
else{Foundation.rtl = false;}