当我将新列表项添加到现有下拉按钮时,它们不会显示在前端。下拉列表将继续显示原始列表项。我的所有缓存系统都关闭了,我在本地清除了缓存,但我仍然遇到同样的问题。任何人都知道可能导致这种情况的原因吗?
<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>
答案 0 :(得分:0)
添加新内容时,需要刷新基金会生成的下拉列表。这可以通过将此添加到您的javascript来完成,这会向下拉元素添加一个监听器:
$(document).foundation('dropdown', 'reflow');