基础5 - 现在显示在现有下拉按钮中的新<li>项目</li>

时间:2015-02-12 17:02:51

标签: zurb-foundation

当我将新列表项添加到现有下拉按钮时,它们不会显示在前端。下拉列表将继续显示原始列表项。我的所有缓存系统都关闭了,我在本地清除了缓存,但我仍然遇到同样的问题。任何人都知道可能导致这种情况的原因吗?

<div class="sidebar-dropdown">
  <button data-dropdown="drop" aria-controls="drop", aria-expanded="false" class="large alert round button dropdown">Select Type</button>
  <br> 
  <ul id="drop" data-dropdown-content class="f-dropdown" role="menu" aria-hidden="false" tabindex="-1">
    <li><a href="http://www.cardpaymentoptions.com/best-merchant-accounts/#general">All-Purpose (USA)</a></li>
    <li><a href="http://www.cardpaymentoptions.com/best-merchant-accounts/#mobile">Mobile</a></li>
    <li><a href="http://www.cardpaymentoptions.com/best-merchant-accounts/#ecommerce">E-Commerce</a></li>
    <li><a href="http://www.cardpaymentoptions.com/best-merchant-accounts/#general-can">All-Purpose (CAN)</a></li>
    <li><a href="http://www.cardpaymentoptions.com/best-merchant-accounts/#pos">Tablet POS</a></li>
    <li><a href="http://www.cardpaymentoptions.com/best-merchant-accounts/#high-risk">High Risk</a></li>
  </ul>
</div>

1 个答案:

答案 0 :(得分:0)

添加新内容时,需要刷新基金会生成的下拉列表。这可以通过将此添加到您的javascript来完成,这会向下拉元素添加一个监听器:

$(document).foundation('dropdown', 'reflow');

See the docs for more info