Im используя ZURB Foundation Topbar, мне он нравится, кроме найденной ошибки. На выпадающем списке 2-го уровня, если вы выделите, затем нажмите ссылку (элементы li) непосредственно перед тем, как вы перейдете на страницу, на которую вы нажали, активная подсветка переместится на один из вышеперечисленных элементов и обратно.ZURB Foundation Topbar Bug, Onclick выделяет другую ссылку Mobile
--- [Причина в том, что он выбрасывает один из вышеуказанных элементов из-за того, что он является выпадающим списком 1-го уровня, по какой-то причине он щелкает на предыдущий уровень, а затем возвращается к выбору второго уровня ] --- По-прежнему нет идеи исправить это.
<!-- Nav Section Mobile-->
<div class="top-bar-container hide-for-large-up">
<nav class="top-bar">
<ul class="title-area">
<li class="name"></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Nav Section -->
<ul class="">
<li class="divider hide-for-small"></li>
<li class=""><a title="" href="/page.html">page</a></li>
<li class="divider hide-for-small"></li>
<li class=""><a title="" href="/page.html">page</a></li>
<li class="divider hide-for-small"></li>
<li class=""><a title="" href="/page.html">page</a></li>
<li class="divider hide-for-small"></li>
<li class="has-dropdown"><a href="#">pages</a>
<ul class="dropdown">
<li class="divider hide-for-small"></li>
<li><a href="/page.html" >page</a></li>
<li><a href="/page.html" >page</a></li>
<li><a href="/page.html">page</a></li>
<li><a href="/page.html">page</a></li>
<li><a href="/page.html">page</a></li>
<li><a href="/page.html">page</a></li>
</ul>
<li class="divider hide-for-small"></li>
<li class="has-dropdown"><a href="#">More</a>
<ul class="dropdown">
<li class="divider hide-for-small"></li>
<li><a href="/page.html">page</a></li>
<li><a href="/page.html">page</a></li>
<li><a href="/page.html">page</a></li>
</ul>
<li class="divider hide-for-small"></li>
</ul>
</section>
</nav>
</div>