Javascript 伊江ZURB基金会下拉菜单 我试图让基础下拉菜单在浏览器间工作，但是会遇到所有版本的IE（7-10，特别是）。p>

我已经实现了JS下拉菜单，这里（）将其描述为过滤器菜单。它在Chrome和FF中工作，但在IE中不工作

IE中的控制台没有告诉我发生了什么。我猜这与IE缓存activeClass有关，这样下拉菜单就永远不会用新的绝对坐标更新？我不知道，我有点迷路了

这是我的代码和一个指向live页面的链接（--密码是“stack”）--

{shop.vendors%}
{{产品供应商}链接供应商}
{%endfor%}


巧克力
柑橘类
果味的
花的
朴实的
疯子
辛辣的
奶油的


低于40%
41%至60%
61%至80%
80%以上

Foundation 4不支持IE 8及以下版本。 基础3支持IE 8但不支持IE 7。检查网站的基础3 IE 7补丁。 您的页面有多个对jquery.js（1.7、1.9…）和zepto.js的引用。 Zepto.js不支持IE；您可以用jquery.js替换它；它们是相容的。 如果可能，尝试在一个jquery版本上进行标准化

<div class='row options-style'>
  <ul class='large-block-grid-3'>
    <li><a href="#" data-dropdown='brand-filters'>BY BRAND</a></li>
    <li><a href="#" data-dropdown='percent-filters'>BY COCAO PERCENTAGE</a></li>
    <li><a href="#" data-dropdown='flavor-filters'>BY FLAVOR PROFILE</a></li>
  </ul>
</div>

<ul class='f-dropdown options' id='brand-filters' data-dropdown-content>
  <li><div class='option-value'><a href='/collections/all'>All brands</a></div></li>
  {% for product_vendor in shop.vendors %}
    <li><div class='option-value'>{{product_vendor | link_to_vendor }}</div></li>
  {% endfor %}
</ul>

<ul class='f-dropdown options' id='flavor-filters' data-dropdown-content data-option-key='filter'>
  <li><a class='option-value' id='chocolatey' data-option-value='.chocolatey'>Chocolatey</a></li>
  <li><a class='option-value' id='citrus' data-option-value='.citrus'>Citrus</a></li>
  <li><a class='option-value' id='fruity' data-option-value='.fruity'>Fruity</a></li>
  <li><a class='option-value' id='floral' data-option-value='.floral'>Floral</a></li>
  <li><a class='option-value' id='earthy' data-option-value='.earthy'>Earthy</a></li>
  <li><a class='option-value' id='nutty' data-option-value='.nutty'>Nutty</a></li>
  <li><a class='option-value' id='spicy' data-option-value='.spicy'>Spicy</a></li>
  <li><a class='option-value' id='creamy' data-option-value='.creamy'>Creamy</a></li>
</ul>

<ul class='f-dropdown options' id='percent-filters' data-dropdown-content data-option-key='filter'>
  <li><a class='option-value' id='forty' data-option-value='.forty'> Below 40%</a></li>
  <li><a class='option-value' id='sixty' data-option-value='.sixty'> 41% to 60%</a></li>
  <li><a class='option-value' id='eighty' data-option-value='.eighty'> 61% to 80%</a></li>
  <li><a class='option-value' id='hundred' data-option-value='.hundred'> Above 80%</a></li>
</ul>