Foundation 5 - Neue <li> Elemente, die jetzt in vorhandenen Dropdown-Tasten angezeigt werden - zurb-foundation

Wenn ich neue Listenelemente zu einem vorhandenen Dropdown-Menü hinzufügeKnopf erscheinen sie nicht am vorderen Ende. Das Dropdown-Menü zeigt weiterhin die ursprünglichen Listenelemente an. Alle meine Caching-Systeme sind aus und ich habe den Cache lokal gelöscht, aber ich bekomme immer noch das gleiche Problem. Wer weiß, was das verursachen könnte?

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

Antworten:

0 für die Antwort № 1

Das von der Foundation generierte Dropdown muss aktualisiert werden, wenn neue Inhalte hinzugefügt werden. Dies können Sie tun, indem Sie dies Ihrem JavaScript hinzufügen, das den Dropdown-Elementen einen Listener hinzufügt:

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

Weitere Informationen finden Sie in den Dokumenten