Foundation 5 - 新 <li> 项目现在显示在现有下拉按钮中

Question

当我将新列表项添加到现有下拉按钮时，它们不会显示在前端。下拉列表只是继续显示原始列表项。我所有的缓存系统都关闭了，我在本地清除了缓存，但我仍然遇到同样的问题。有人知道是什么原因造成的吗？

<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>

Answer 1

添加新内容时需要刷新 Foundation 生成的下拉菜单。这可以通过将此添加到您的 javascript 来完成，这会向下拉元素添加一个侦听器：

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

See the docs for more info

Foundation 5 - 新 <li> 项目现在显示在现有下拉按钮中

Foundation 5 - New <li> items now showing in existing dropdown buttons

zurb-foundation