2017-01-31 5 views
0

Я скопировал синтаксис фонда NavBar прямо с сайта https://foundation.zurb.com/sites/docs/top-bar.html и художественным выпадающее меню не кажется, работаютменю Foundation 6 Top Bar выпадающего не работает не работает

Вот код:

<div class="top-bar"> 
    <div class="top-bar-left"> 
    <ul class="dropdown menu" data-dropdown-menu> 
     <li class="menu-text">Site Title</li> 
     <li> 
     <a href="#">One</a> 
     <ul class="menu vertical"> 
      <li><a href="#">One</a></li> 
      <li><a href="#">Two</a></li> 
      <li><a href="#">Three</a></li> 
     </ul> 
     </li> 
     <li><a href="#">Two</a></li> 
     <li><a href="#">Three</a></li> 
    </ul> 
    </div> 
    <div class="top-bar-right"> 
    <ul class="menu"> 
     <li><input type="search" placeholder="Search"></li> 
     <li><button type="button" class="button">Search</button></li> 
    </ul> 
    </div> 
</div> 

Вот что он выглядит как enter image description here

ответ

0

Убедитесь, что для инициализации фундамента:

$(document).foundation(); 
1

Я была такая же проблема -

Это, как представляется, известная проблема с Фондом 6.2 ~ 6.4 - по крайней мере, для Rails-приложений, используя фундаментные рельсы камень.

Исправление было обновлять foundation_and_overrides.scss включать порядок, переместите

@include foundation-dropdown-menu; 

на дно, как на here

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