使用2个CSS文件时，Foundation4下拉不会关闭

Question

我有2个CSS文件（由SASS编译），代表RTL和LTR设计。 我还有2个单独的HTML文件，每个文件都有自己对CSS文件的引用：

RTL：

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

LTR：

<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.js文件中（而不是Foundation.rtl = true;）：

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