2014-01-17 3 views
0

Im используя ZURB Foundation Topbar, мне он нравится, кроме найденной ошибки. На выпадающем списке 2-го уровня, если вы выделите, затем нажмите ссылку (элементы li) непосредственно перед тем, как вы перейдете на страницу, на которую вы нажали, активная подсветка переместится на один из вышеперечисленных элементов и обратно.ZURB Foundation Topbar Bug, Onclick выделяет другую ссылку Mobile

--- [Причина в том, что он выбрасывает один из вышеуказанных элементов из-за того, что он является выпадающим списком 1-го уровня, по какой-то причине он щелкает на предыдущий уровень, а затем возвращается к выбору второго уровня ] --- По-прежнему нет идеи исправить это.

enter image description here

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

ответ

0

В Foundation 4 есть ошибка из-класса псевдо используется с двоеточием :. Он должен быть период . после li:

.top-bar-section ul li:hover > a { 

Должно быть:

.top-bar-section ul li.hover > a { 

Это будет исправить это прямо

Смежные вопросы